What is the difference between a sprite and a tween? When do you use one or the other in game development? I'm making a game and can't find a good explanation about the difference about the two.
Are Tweens also Sprites?
299 Views Asked by The Man At
1
There are 1 best solutions below
Related Questions in COCOS2D-X
- "android-22" can't be found in android SDK
- how to merge both cpp and js support in cocos2d to use via command prompt
- Mixing a CocosSharp game with UIViewControllers
- EXE_BAD_BADACCESS trying to access GKMatch?
- Adding new methods to Cocos2d-x SimpleAudioEngine
- gamesalad to unity3D?
- Cocos2D: Recognize multiple tiles next to each other
- cocos2d-js draw circle not instantly
- Xcode 6: Semantic issues while compiling cocos2d-x project
- Static linking error when compiling myGame in Cocos2d-x v3.6
- cocos2d-x physics nodes slide along other
- How to get `Label::createWithTTF` to support RTL languages such as arabic
- cocos2d-x device vibrate in Lua
- Cocos2d-x: How to replace sprite dynamically?
- Anti-aliasing Bresenham's line not working as expected
Related Questions in GAME-ENGINE
- Developing a Checkers (Draughts) engine, how to begin?
- PlayN and Firefox issues
- Where to Start developing XBox One Game having Kinect Capabilties
- Why is my array of indices from 0-16129 is not null but the rest are?
- Box doesn't roll in Bullet Physics
- HTML5 Canvas efficiency
- corona apk installation runtime error
- Natural approach to create a dynamic game engine for Android
- Render game objects in android app
- What can be a minimal example of game written in Haskell?
- Player Movement Direction Logic
- MonoGame vs Unity3D
- Eclipse program runs faster than after it is exported
- Waiting for touch input without blocking game thread
- 2D cross-platform game engine
Related Questions in PHASER-FRAMEWORK
- Constrain a sprite within a polygon area in Phaser
- Which pointer object (i.e., cursor) to use when resetting game.input.onDown
- Rotation and getBounds() in Phaser
- Detecting closed loop in a 2D array pattern
- Cancel collision after initial detection, using phaser in js
- Phaser - How to properly implement Arcade Physics Collisions with Phaser.js
- How would you play a sound every certain amount of seconds in Phaser?
- Adding a Tiled map to Phaser and issues with character changing facing
- Phaser tween doesn't work inside of update function
- Phaser - Arcade collision physics
- Collision detection via overlap() not working in phaser.io
- Phaser - How to keep tween to complete when I change web tab?
- Handling multiple Stages with multiple .js files
- Phaser cache loading problems
- Phaser Specific Tile "Collision"
Related Questions in MELONJS
- Framework for html5/canvas game based on hexagonal grid
- Convert local (viewport relative coordinates) to global (layer coordinates)
- MelonJS and ASP.NET : enable HTTP GET on Content file
- TypeError: game.HexRenderer is not a constructor on Linux Mint
- MelonJS debug mode
- Programmatically insert entities in melonJS
- How to save to disk in a JSON format file in Windows Store app (using WinJS)?
- how to bind a player position to a shader with melonjs?
- MelonJS trigger event manually
- RPG - storing player data for semi-complex tree structure
- How to disable a character movements MelonJS temporarily?
- How to change color of a sprite over time in melonJS
- Getting Melon JS to work with my code
- Are Tweens also Sprites?
- melonjs-api wont load my map and receive no error
Trending Questions
- UIImageView Frame Doesn't Reflect Constraints
- Is it possible to use adb commands to click on a view by finding its ID?
- How to create a new web character symbol recognizable by html/javascript?
- Why isn't my CSS3 animation smooth in Google Chrome (but very smooth on other browsers)?
- Heap Gives Page Fault
- Connect ffmpeg to Visual Studio 2008
- Both Object- and ValueAnimator jumps when Duration is set above API LvL 24
- How to avoid default initialization of objects in std::vector?
- second argument of the command line arguments in a format other than char** argv or char* argv[]
- How to improve efficiency of algorithm which generates next lexicographic permutation?
- Navigating to the another actvity app getting crash in android
- How to read the particular message format in android and store in sqlite database?
- Resetting inventory status after order is cancelled
- Efficiently compute powers of X in SSE/AVX
- Insert into an external database using ajax and php : POST 500 (Internal Server Error)
Popular Questions
- How do I undo the most recent local commits in Git?
- How can I remove a specific item from an array in JavaScript?
- How do I delete a Git branch locally and remotely?
- Find all files containing a specific text (string) on Linux?
- How do I revert a Git repository to a previous commit?
- How do I create an HTML button that acts like a link?
- How do I check out a remote Git branch?
- How do I force "git pull" to overwrite local files?
- How do I list all files of a directory?
- How to check whether a string contains a substring in JavaScript?
- How do I redirect to another webpage?
- How can I iterate over rows in a Pandas DataFrame?
- How do I convert a String to an int in Java?
- Does Python have a string 'contains' substring method?
- How do I check if a string contains a specific word?
A sprite is a visual component. A character, enemy, collectable, or projectile are all examples of sprites; at least visually.
Tween is short for in between, and deals more with interpolation between two states. Tweens are composed of a timer, an interpolation function, and the start and end states. Some examples of tweens are: fading between colors, rotation between two angles, and motion between two points.
In short, a tween is a method of dynamically creating all of the steps between two states for the purpose of animation; It inherently has a temporal component. In contrast to a sprite, which is basically just an image.
We use a popular tween library in melonJS called Tween.js - Their examples should give a pretty good sense of what tweens are for: https://github.com/tweenjs/tween.js/#examples
melonJS provides both sprites and tweens as separate classes.
me.Spriteandme.Tween. Sprite is one of the base classes for objects that draw an image to the screen; an example subclass isme.AnimationSheetWhich simplifies the task of flipping between images to create a flipbook-style animation.There are a few internal uses of tweens in melonJS, apart from being a public API; The scene transitions (fade to black and so on) are created with tweens.
And I made use of tweens in some of my melonJS games. The sliding doors in Sprung Fever are created with a tween. Here's the code for that: https://github.com/blipjoy/sprung_fever/blob/834b6ad27e45bf2a8fa80894ad12ddfa5b35aa2a/public/js/entities/door.js#L21-L29