Questions tagged [spine]

Spine is an animation tool that focuses specifically on 2D animation for games. Spine aims to have an efficient, streamlined workflow, both for creating animations and for making use of those animations in games.

Animation in Spine is done by attaching images to bones, then animating the bones. This is called skeletal or cutout animation and has numerous benefits over traditional, frame-by-frame animation:

  • Smaller size Traditional animation requires an image for each frame of animation. Spine animations store only the bone data, which is very small, allowing you to pack your game full of unique animations.
  • Art requirements Spine animations require much fewer art assets, freeing up time and money better spent on the game.
  • Smoothness Spine animations use interpolation so animation is always as smooth as the frame rate. Animations can be played in slow motion with no loss in quality.
  • Attachments Images attached to bones can be swapped to outfit a character with different items and effects. Animations can be reused for characters that look different, saving countless hours.
  • Mixing Animations can be blended together. For example, a character could play a shoot animation while also playing a walk, run or swim animation. Changing from one animation to another can be smoothly crossfaded.
  • Procedural animation Bones can be manipulated through code, allowing for effects like shooting toward the mouse position, looking toward nearby enemies, or leaning forward when running up hill.
44 questions
1
vote
2 answers

Can't use spine for pixi.js

I have already made spine project with animations and have already installed pixi in my web application, but can't use spine. I have .atlas file, .json file and Sprite image. This is my code: var renderer = PIXI.autoDetectRenderer(800,…
Ketevan Toria
  • 109
  • 1
  • 14
1
vote
1 answer

Embed Spine animations in Xamarin.Forms using Monogame

I'm trying to embed an animated avatar that was created using Spine in Xamarin.Forms. The idea is as follows: I want to create a Xamarin.Forms UI (XAML) in a PCL, instantiate a Game class of the Monogame Framework (Microsoft.Xna.Framework.Game) and…
Christoph
  • 253
  • 1
  • 3
  • 9
0
votes
0 answers

import JSON file to a Spine-Player React.js

i`am trying to add spine animation to my React app and get issue that component with spine dont rendering :( here is mu code import { SpinePlayer } from "@esotericsoftware/spine-player"; import atlasData from…
0
votes
2 answers

Photoshop Script that checks every layer's dimensions then exports as PNGs?

I am working on a game that uses an animation software called Spine to create the character animations. Spine allows you to create skeletal animations by attaching PNGs to bones & then moving the bones on a timeline by key-framing position, scale,…
0
votes
0 answers

Transparent parts of spine animation grey/dark pixi js

When creating a spine animation using the pixi js library, its transparent places darken, gray. How can this be fixed? With the help of this code, I create and display animation, I don’t understand why the display is wrong const create = ({ …
Denis
  • 1
0
votes
0 answers

I want to change a specific gradient color to the color or effect I want in Unity Shader Graph or with Shader

First of all, my English skills are immature, so the translation may be awkward as it was written using a translator. Please pardon this part. I am an aspiring developer who dreams of becoming a game developer in Korea. I am in the process of…
김대훈
  • 1
  • 1
0
votes
1 answer

Spine and Reactjs issues error @esotericsoftware/spine-player' does not contain a default export (imported as 'spine')

I want embedded then Spine 2d into Reactjs app, When I read Spine documents, they offer import spine from '@esotericsoftware/spine-player'; but I render app it issues a error: Attempted import error: '@esotericsoftware/spine-player' does not contain…
0
votes
0 answers

How to make MonoGame's background transparent?

I have a UWP App and I use SwapChainPanel to insert MonoGame. in Render(): _game.GraphicsDevice.Clear(Color.Transparent); But it didn't work.
Aloento
  • 99
  • 2
  • 7
0
votes
1 answer

OpenGL rendering white texture bug

I use OpenGL and SDL2 to render spine animations. In a specific z-order this animations are disposed like white blocks. All texture get white. I guess this error is in OpenGL draw code. glPushMatrix(); float texw=0, texh=0; if (texture) { …
0
votes
1 answer

Integrate spine animation with React

I was wondering is there a way to use animation exported from spine into a react application? If there is one, what process should I follow (If there is a documentation or anything that will help) Thanks a lot!
0
votes
1 answer

Unity CopyTexture Renders 1/4 or None of sprite

I had a previously working copy texture call that has suddenly stopped working properly (for reference I am using a slightly modified version of Spine2Ds "Sprite Attacher" that copies textures to the spine). There were no code or texture format…
Aggressor
  • 13,323
  • 24
  • 103
  • 182
0
votes
1 answer

How can you change the spine color of a matplotlib colorbar?

I only modyfied this basic example a little bit so that the spine color of the color bar would change. Interestingly, only the color of the ticks is changing, but not that of the spine. What am I doing wrong? import matplotlib.pyplot as plt from…
mapf
  • 1,906
  • 1
  • 14
  • 40
0
votes
1 answer

Loading a Spine .atlas .png and .json from base64 in phaser

js from phaser. I am trying to embed my spine animation files into the bundle and load them but I am having trouble as SpinePlugin is looking for a url not a base64 string. I have this working with audio and spritesheets can someone help point me in…
Derek Lawrence
  • 1,551
  • 2
  • 16
  • 36
0
votes
1 answer

How to disable function when another function is called?

I wish to disable the opacity fade out function when stop win function is running. I'm using Typescript. How can I do that? Your kindness help is appreciated. Method that I tried: Add if statement that include setTimeout function, but it show…
Philip Chow
  • 73
  • 1
  • 9
0
votes
0 answers

Add Cocos2D view in UIView

As the title said, I am having a problem adding cocos2d scene into UIView layer. I want to use spine-cocos2d-objc in my existing project, but i face some issues. I found similar question here but unfortunately, no answer. spine-cocos2d-objc is…
Sonic Master
  • 1,238
  • 2
  • 22
  • 36