Comments (7)
You have 'target' instead of 'targets'
http://codepen.io/hotmilo23/pen/YWVAkd?editors=1111
from anime.
You must load anime.js before executing anime({}).
from anime.
That's what I did, in the HTML section of Codepen. It still would not register the animation, even though I linked it as such:
<script src="anime.min.js"></script>
:(
(I just edited the original post to show what I did.)
from anime.
@lukebatchelor Unfortunately, I set the up the script like you showed me, yet it still won't work. Here's a link to what's going on:
from anime.
The script tag you have there would only work if you had the file saved and being delivered on the same domain you are on. You need it to point to a server that is serving that file.
<script src="https://rawgithub.com/juliangarnier/anime/master/anime.min.js"></script>
for example.
That pulls the script directly from this repo.
In codepen you can also put dependencies under settings -> JavaScript
.
Instead of pointing to gihub, you could point at the pen you posted earler too.
http://codepen.io/juliangarnier/pen/4032af61ca0478304ab7b31b70a44804.
Hope that helps
from anime.
Awesome! Thanks, Luke! I'll try and see if it works in the morning. :D
On Jul 1, 2016 12:48 AM, "lukebatchelor" [email protected] wrote:
The script tag you have there would only work if you had the file saved and
being delivered on the same domain you are on. You need it to point to a
server that is serving that file.
That pulls the script directly from this repo.
In codepen you can also put dependencies under settings -> JavaScript.
Instead of pointing to gihub, you could point at the pen you posted earler
too.
http://codepen.io/juliangarnier/pen/4032af61ca0478304ab7b31b70a44804.
Hope that helps
—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
#19 (comment),
or mute the thread
https://github.com/notifications/unsubscribe/ARH6TLecR4NHFNz5fhSNMm-qLIOIYtzaks5qRJwCgaJpZM4JB4rr
.
from anime.
@lukebatchelor @juliangarnier Thank you both so very much for helping. It worked when I changed the source of the script, as per Luke's instructions, to:
<script src="https://rawgithub.com/juliangarnier/anime/master/anime.min.js"></script>
I'll be sure to start using this framework more often, and if possible, I'd like to start contributing to this repository. :D
from anime.
Related Issues (20)
- Speed up the duration during reverse playback
- Unable to use anime.js with node and express HOT 11
- Feature: ability to set innerHTML beyond numeric values HOT 1
- Spider-weeb app
- Bug report: spring-based motion not completing (Vanilla JS, HTML, CSS) HOT 4
- How to run animation on same element but with different text ? HOT 3
- can you run a for each loop in the targets? or refresh where the target is pointing to with the loopComplete callback?
- Just a question about line drawing in the docs HOT 2
- Why a cant use play/pause buttons? HOT 1
- Why cant I connect anime? HOT 1
- Does anime have a feature that can be used to implement horizontal scrolling? HOT 1
- anime.seek(0) not working HOT 3
- Anime V4 HOT 2
- Duration property problem when I use an event
- animejs morph is broken for more then 1 object HOT 1
- Refusal for Execution HOT 4
- Timeline does not draw all paths (stoke dash effect) HOT 1
- There are non-trivial differences between anime.js and anime.min.js. HOT 1
- Possible problem with SVG and transform-box HOT 3
- Ability to run it server-side
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from anime.