Unity Sprite Not Transparent

And the alpha value can be adjusted by adjusting transparency. I assume you have a general idea of how unity and photoshop work. The simplest way to achieve this is by adding some transparent pixels. Unity creates sprite meshes for you — they reduce the amount of overdraw by simply not drawing transparent pixels. Unity Default Sprite Shader With Shadow. The part of your code that I do not seem to grasp is how you manage to remove the white hole in the middle of the red doughnuts so that the white hole becomes transparent. The result is a sprite sheet image that looks like this. Download the latest versions of the best Mac apps at safe and trusted MacUpdate Don't set Unity's. Transparent Background Free Online Photo Editor. Sprite Mode added to TextureImporter. an image containing different figures separated by transparent areas?. Assignment of textures to Material via code does not update the material. If you wanted to have the entire sprite with a transparency and the same transparency level (e. Most of them come from DPI website (webmastered by Psy Guy), but the versions I offer here are better and easier to use (same transparent background color -- blue color : 0 0 255 RGB values -- on all sheets, all available in GIF and 24-bit PNG -- transparent 24-bit PNGs automatically appear. Unity assets are part of the unity ecosystem which help you to create in-game environments, gameplay options effectively. Which is apt, because it's actually not Spine-specific. For this you will have to create a material based on the Sprites/Outline shader and manually apply it to the component. If not 100%, you will get transparency. and participate in the Unity community. Sprite is defined by a Texture2D, rectangle and a pivot point. This article is a part. Now image is rendered in the game view. Sprite Mode added to TextureImporter. In this short Unity Tutorial, I will show you How to Create Transparent Textures using Photoshop for Unity 2017. Sprite Factory's animated collision system only supports BoxColliders, so it may not meet everyone's needs. Advanced Sprite Programming: Alpha Channel Transparency and Angular Motion This chapter covers two advanced topics in sprite programming that will give your games a serious edge over the competition. 0, 2018-05-02) at the time of this article written have built in support for ECS. More info See in Glossary, Tilemap Renderer, and Sprite Shape Renderer types. Src = 'https - Unity Sprite Sheet Explosion. The MMORPG Maker XB Character / Sprite Generator can be used to generate character and sprite sheets for your RPG or MMORPG online game. Making 2D Games With Unity. zip" project 2. Blending can be used to make objects appear transparent. Change its background (7) to a transparent color (we need only view of the sprite, not background) You can also delete GUI Layer, Flare Layer and Audio Listener components so that Unity Editor wouldn't spam into console. 5 at somepoint to. And the alpha value can be adjusted by adjusting transparency. The test was made with only one sprite. Once the absolute value of the ghost effect is greater than or equal to 100, the sprite is completely transparent and cannot be seen, but it still can be detected in some ways. Unity assets are part of the unity ecosystem which help you to create in-game environments, gameplay options effectively. New address, same Unity3d. I would like to make these UI Sprites ignore other UI Sprites. The new 2D Sprite-lit material allows Sprites to have a secondary texture (Normal map) to react more realistically to light conditions. [Unity] Cloud Meadow [v0. It becomes pretty obvious. The only problem is the quality of the generated mesh: Unity 5. It is a gif and in photoshop it is transparent. However, a significant portion of a sprite texture will often be taken up by the empty space between the graphic elements and this space will. If you wanted to have the entire sprite with a transparency and the same transparency level (e. Which is apt, because it's actually not Spine-specific. Sprites for characters and game objects have to be well aligned to be easy to use in your game. I think you will need multiples sprites over each other, alternating the transparency of each to make only some areas transparent. How to reproduce: 1. Sprite Cow helps you get the background-position, width and height of sprites within a spritesheet as a nice bit of copyable css. A misconfigured render queue can cause the object to render behind something it should be in front of, or act as a cutout on shapes behind it, but it won't introduce an opaque white in areas that should show transparency to a grey background as shown in the images in the question. A sprite sheet is basically a collection of individual images (or frames) arranged together as a single image. When designing sprite graphics, it is convenient to work with a separate texture file for each character. Not directly (after all, this is SpriteGlow), but it's possible if the component is using a shader similar to sprites (e. You can combine "Toon" and "Cutout", or "Toon" and "Outline" for combination shaders, however "Transparent" and "Fade" do not currently have a Toon Lit shader and instead fallback to "Unlit/Transparent". Unity Sprite Shader. We need to create a custom sprite shader for this. Deprecated: Function create_function() is deprecated in /www/wwwroot/autobreeding. LayeredUpdates. Although we’re not artists, even we could see how exciting this would be to get working in Unity. I have been asked to present a model in unity for an art test but I am unsure of what they actually want, do I send them the unity project? or just take a printscreen of the asset with the lights and…. The VCS's sprites are called movable objects in the programming manual, further identified as two players, two missiles, and one ball. In this case, the transparent objects must be rendered before projector shadows. Sprite Cow helps you get the background-position, width and height of sprites within a spritesheet as a nice bit of copyable css. They can be useful for space, platform and strategy games. The Sprite Editor is one of the powerful new 2D work-flow features introduced to Unity3D. So just create a new square "sprite" and drag and drop it onto the Scene window like you did with your sprite character. zip" project 2. This asset has all basic actions and fits many themes. At the bottom of this post you'll find an updated version of the demo project that works in Unity 5. はじめに この記事では、「Shadero Sprite」で使用できる Color ノードを紹介していきます 目次 はじめに 目次 ノード一覧 Brightness Color Filters HSV *RGBA Darkness Gray Scale Hdr Control Value Hdr Create Inver…. Our shader has no support for transparent tiles yet, since textures for 3D models don't use transparency in the same way that PNG-based sprites use it. Updated the fragment shader above to multiply the final fragment output by the diffuse alpha value, which resolves the issues with the transparent parts of overlapping sprites appearing brighter. But with TexturePacker you can do even more. The shader uses a grabpass which reads the render of the screen prior to this active shader render then calculates the coordinates of the mask sprite so only the area which the mask covers is rendered, simulating transparency. But you have no clue where to start? Well, start here! You will need GIMP to get the sprites isolated and animate them. By default, the main camera in Unity renders its view to the screen. Photoshop (You can use FREE image editing software like GIMP to do the same!) Unity 2017. The UI for SpriteLamp. Then I can just make my image in paint or any other program, and have control over what color I want to make transparent without having to recreate the image file. If not 100%, you will get transparency. Unity tries to fit the sprite the best it cans without introducing too many polygons, so that is the result we get. This asset has all basic actions and fits many themes. One could argue if the trade-off is beneficial or not. There are 4 UI Sprites that overlay over a part of each other. I can't seem to create a PNG image with a transparent background in Photoshop 5. Making 2D Games With Unity. Sprite Mode added to TextureImporter. Adding more clips. It looks just fine in Spine editor, but after importing in Unity sprites are not shown correctly. It becomes pretty obvious. The problem is that each of the circles is actually a square sprite, and whoever renders first hogs all the pixels with useless completely transparent bits. The term sprite was not in use at the time. 2D Renderers are mainly within the Transparent queue, and include the Sprite Renderer A component that lets you display images as Sprites for use in both 2D and 3D scenes. Unity provides a component to outline UI objects, but it doesn't work on world space sprites. Some third-party Shader editors such as ShaderForge do this. Heads can either be hair or construction hat if they are workers. Tutorials » Tips for Putting Together a Sprite Sheet Hello, and welcome to my tutorial. GitHub Gist: instantly share code, notes, and snippets. Download the latest versions of the best Mac apps at safe and trusted MacUpdate Don't set Unity's. But with TexturePacker you can do even more. This blog entry will be based on Unity 5. Not at the moment, but if I receive enough interest I might clean up the code and release it. The alpha value of the Albedo colour controls the transparency level for the material. The introduction of Unity's 2D Tilemap System creates a great opportunity for aspiring indie developers and game studios around the world to save time prototyping and building out quality 2D games. The Sprite Editor is used to slice individual sprites from an Atlas or Sprite Sheet. But I don't know to how to change the opacity of a 2D sprite. Sprite Cow helps you get the background-position, width and height of sprites within a spritesheet as a nice bit of copyable css. It seems that using custom shaders do not work on UI Images. A simple test showed that my opaque sprite shader is 30% faster than the default sprite shader. You might need to create a new material with Sprite/Default shader, and show it in Inspector view. He actually uses it for more than just his Spine stuff. Instant Sprite - The fastest CSS Sprite Generator. By default, the main camera in Unity renders its view to the screen. But this tool convert spine animation in to native unity objects, so you can use Mecanim to blend animation, and manage any bones as simple game object in the inspector. One could argue if the trade-off is beneficial or not. It might seem obvious but if you have a 64×64 image, with only the top left 32×32 filled, that's still a 64×64 sprite. I really hate aligning sprites perfectly, so I've created a Photoshop Script that combines two images of the same size to make a simple normal/hover sprite. Now we have 2 cameras: Main camera that doesn't see Sprites at all, and Effect Camera that sees only green sprites. For example, the hair layer can contain a wig and bangs ("fringes") simultaneously. We can add textures, color, transparency, emission a bunch of other features that is included on Unity's standard shader. You can't change the alpha value directly, so instead you need to create a Color variable and fill it with the sprite's colour information. Sprite Shaders for Unity. Change a Sprite's Transparency. Surely its atlas image size is reduced up. By default, the main camera in Unity renders its view to the screen. Load the example image, and have a click around. Start studying Unity Certification. Although we’re not artists, even we could see how exciting this would be to get working in Unity. It's not as genius as the 20 image sprites you can make online, but it's much simpler and you can assign a keyboard shortcut to it in Photoshop. * math - bezier conversion in to unity was very hard. If it's marked as a transparent object (i. All backgrounds have a seamless structure. The sprite renderer component also prepares the mesh so spritesheets, polygon sprites and animations work with our shader. This can also be used to change the global transparency (alpha) of the sprite. One could argue if the trade-off is beneficial or not. They're useful to both novice and experienced developers. Is this project open source. Check opacity of the color on Unity. Would result in the sprite drawn on screen with every pixel that was originally Magenta, not drawn. Theese sprites are obviously just near sprites from sprite Atlas. 0 added in v435. I started developing a shader for Unity's particle system to create the close up floaties. Single Sprite option will generate one Sprite using the entire. Piskel, free online sprite editor. No matter if it's transparent or not. In this example, the fence tiles should have transparent edges, and so should the dirt tiles. The Atari VCS, released in 1977, features a hardware sprite implementation where five graphical objects can be moved independently of the game playfield. In Unity 2019. Best for action/RPG games & endless running games. 3f1 をダウンロードしてきましたが、 どのファイルが覆い焼きなのか分からないのですが、そもそもこのやり方が合っているでしょうか?. Animated sprite editor & pixel art tool. bmp into a simple game, and we want black to be transparent when we render the sprite image. I recommend instead of rotating sprites, use the Spine skeleton. A simple web-based tool for Spriting and Pixel art. Image sprites are used in numerous web apps where multiple images are used. Experience the world's most popular lemon-lime soda. Instead of erasing around the sprite, convert the editor to bitmap, select the bucket tool, then change the color to transparent, which is at the bottom left of the color picker and has a white box with a red line through it. HD sprites from iOS release ripped by Jozerick: If you'd like to contribute a sprite animation, email Croik at courtrecord @ gmail. 4) A small faerie that glows brightly. It will be compatible with Sprite Renderers and affected by lights. Opacity (float) Sets the opacity of the rendered trajectory. I have a Unity material whose albedo is based on a spritesheet. Then change the locations of the New Sprite objects so they’re not all in the same place. Not at the moment, but if I receive enough interest I might clean up the code and release it. If not, you can change the settings in Edit > Project Settings >Editor then selecting '2D' for the Default Behavior Mode. Best for action/RPG games & endless running games. Advanced Sprite Programming: Alpha Channel Transparency and Angular Motion This chapter covers two advanced topics in sprite programming that will give your games a serious edge over the competition. The color that you set is modulated (multiplied) with the texture of the sprite. lit shaders in Unity seem to just not want to play with the transparent areas of the sprite for some reason. the sprites are moving too far or not far and don't forget to use a transparency so that the. …Since I know that all the sprites in my game…are 16 by 16,…so I set Photoshop's grid to reflect. Not at the moment, but if I receive enough interest I might clean up the code and release it. In addition to this documentation available on docs. Note: You may see some loss in how your sprite looks. The Sprites-Default shader always render sprites by calculating transparency, regardless if your sprite is transparent or not. We have the wheel material which is using a the Unity Standard Shader and a car texture. My name is Ris and I have learnt a lot from reading your code for the sprite manipulation project. You might need to create a new material with Sprite/Default shader, and show it in Inspector view. Src = 'https - Unity Sprite Sheet Explosion. Deprecated: Function create_function() is deprecated in /www/wwwroot/autobreeding. Part of the faces and heads texture. Change preview speed. Single Sprite option will generate one Sprite using the entire. It will be compatible with Sprite Renderers and affected by lights. It becomes pretty obvious. It was first developed in West Germany in 1959 as Fanta Klare Zitrone (“Clear Lemon Fanta”) and was introduced in the United States under the current brand name Sprite in 1961 as a competitor to 7 Up. Usually, render queue value of a projector material is 2999, so you need to set less than 2999 value to the sprite material. Once I have all the pieces created (I used Adobe Illustrator), I exported them and packed them into a sprite sheet using sprite packer to create one or 2 sheets of assets that I can then pull into Unity. Tutorials » Tips for Putting Together a Sprite Sheet Hello, and welcome to my tutorial. If you use sprites with transparency in your game — and you most likely do for the UI at least — you’ll probably want to pay attention to the fully transparent pixels of your textures (or should I say “texels”). fade in/out), you can just set a color with a transparency in Unity. The sprite has semi-transparency, and is formatted to RGBA 32bit. More info See in Glossary, Tilemap Renderer, and Sprite Shape Renderer types. 1, also works in Unity 5. Without this system, you could spend days, possibly even weeks, programming your own tilemap system. To retrieve it, we need to visit the Unity download archive, and download the Built in shaders package (below) for the version we are. 3 update was a great big door swinging open for 2D game developers, with many new tools and ways to approach 2D game development in this already powerful engine. Known Issues. Open the "scene" scene 3. Assignment of textures to Material via code does not update the material. --trim : Allowed values: 1 to 255, default is 1. Import the provided image EnemyBug. So just create a new square "sprite" and drag and drop it onto the Scene window like you did with your sprite character. Transparent Background Free Online Photo Editor. g UI objects, tilemaps and other "2D" stuff). I exported it at 2048×2048 but dropped it down to 1024×1024 within Unity for its release. Can i somehow avoid this? So how it looks:. No matter if it's transparent or not. For example, names containing "Sprite" fallback to the Unity built-in "Sprites/Default" shader. -Hide sprites you're not using. That means, I advise you to be careful with the transparent regions of your sprites!. Note: You may see some loss in how your sprite looks. Learn vocabulary, terms, and more with flashcards, games, and other study tools. I’ve done an awful lot of web searching to try to figure this out, but everything I find says we’re doing this correctly (though we’re obviously not, because it's not working!). However, blending alone is not enough. I didn't find much information about it so I decided to prepare a presentation in my company to help making it clear. Without that parameter passed in, the sprite will have not have the transparent areas actually be transparant. Unity Learn provides award-winning free tutorials, sample projects, and full courses for mastering real-time 3D development skills with Unity Learn to make video games, VR, AR, and more. Sprite Mode added to TextureImporter. What the sprite shader from unity does support, but ours doesn't so far is instancing, pixel snapping and a external alpha channel, but that's either too complex for now or edge cases most people don't use so I decided to not implement them here. The problem is that each of the circles is actually a square sprite, and whoever renders first hogs all the pixels with useless completely transparent bits. Sprite sheet of a explosion. The shader uses a grabpass which reads the render of the screen prior to this active shader render then calculates the coordinates of the mask sprite so only the area which the mask covers is rendered, simulating transparency. If you are not using 2D lights in your project, make sure you have material that doesn't require 2D Lights to make the Sprites visible, in which case you can change the material to "Sprites-Default. I guess that you already know that sprite sheets increase the performance of your game. Thank you so much for taking your time to make these free sprites! I am currently programming a game on an online software called "Scratch" about aliens. This would allow sprites of arbitrary width. However, blending alone is not enough. Then modify the copy and then copy the copy into the sprite’s color property. Only the characters and some other elements are 2D sprites. shader in this repository. Not at the moment, but if I receive enough interest I might clean up the code and release it. 2, 2D Sprites can have a "Sprite-Lit" material, which allows them to react to 2D lighting conditions. Unity : Making Sprite Sheets - Using Photoshop, Daz Studio, and Unity[Game Development / Art] - Part 3 dwinblood ( 73 ) in gamedev • 2 years ago In the first part I covered making sprites using camera angle and how to setup to capture pretty much any object as a sprite using Unity. One could argue if the trade-off is beneficial or not. Sprite Factory's animated collision system only supports BoxColliders, so it may not meet everyone's needs. Unity3D doesn't come with a shader for opaque sprites. I can't seem to create a PNG image with a transparent background in Photoshop 5. Yap Thanks for your replay,I have fixed this issues, now I have fallen a new problem, when I build the app for iPhone 5S the button size is goes to so small but in my Unity game view it looks nice. On the example to the right here, we have three different materials that are being used to create the cars. The VCS's sprites are called movable objects in the programming manual, further identified as two players, two missiles, and one ball. We’ll cover the basics and a few pitfalls and shortcomings of this new technology. I would like to make these UI Sprites ignore other UI Sprites. There are 4 UI Sprites that overlay over a part of each other. We have the wheel material which is using a the Unity Standard Shader and a car texture. Now image is rendered in the game view. However, blending alone is not enough. Free download Unity 2D toolkit latest This Unity 2D Toolkit is an successful and speedy 2D sprite and text system created by Unikron Application. Alpha Tolerance will determine how much transparency is taken into account when creating the mesh. There is no normal map on those, only a simple diffuse shader. Lots of libraries will do this automatically. (Right image has some linear fog enabled) Features: - Adjustable glow range, glow color, glow alpha - Only works well on spheres. Open the "scene" scene 3. In this post you will find a more detailed version of the original slides I prepared for it. Transparent Pen. If not 100%, you will get transparency. com/eti9k6e/hx1yo. A TileSet is a library of tiles for a TileMap. 2, 2D Sprites can have a "Sprite-Lit" material, which allows them to react to 2D lighting conditions. In general, there are two main queues: the Opaque queue and the Transparent queue. Is this project open source. You can then control all the glow parameters using the. You can see that everything looks decent except for the alpha transparency. This post will be about achieving a specific effect using the stencil buffer, not a run-down of everything it has to offer. There are a number of steps that you must take to make transparency work. Create a sprite sheet or texture atlas and export your animations for mobile apps and game engines. 2 that allows the transparency of the pen. Unityのスプライトの描画順は「SortingLayer、Order In Layer、Z値」の順番で設定します。 このSortingLayerですが、実はLineRendererやParticleRenderer、Trail RendererといったSpriteRenderer以外にも適応されます。. This means your Spine animation won't need normals and things like Z offset for submeshes will stay correct. Create pixel art, game sprites and animated GIFs. As I explore the 2D features of Unity, I discover more and more cool things. "Sinusoidal" is not yet implemented as of the latest commit. This only has an effect if the Rendering The process of drawing graphics to the screen (or to a render texture). Fix issue where transparency was not being set for generated images ( Unity 4. Now, the transparency renders in the sprite, but not in the materia. All you need to do is make sure you are using the same "Pixels Per Unit" value for your Tiled maps and tilesets. N, sprite transparent background PNG clipart size: 600x450px filesize: 19. I would like to make these UI Sprites ignore other UI Sprites. (In that case, Surface Shaders and Shader Graph are preferable in Unity. Note: These sprites can appear in a random location and the number is unknown, so I thought a Shader would make sense for this. Sprite is defined by a Texture2D, rectangle and a pivot point. But you have no clue where to start? Well, start here! You will need GIMP to get the sprites isolated and animate them. put in Unity's "Transparent" queue), it will be sorted back to front, and drawn with a shader that performs a multiplication of the current pixel value with the value of the computed color the shader is drawing (the actual math can be controlled using the Blend command in the shader's pass). If you wanted to have the entire sprite with a transparency and the same transparency level (e. Alpha Tolerance will determine how much transparency is taken into account when creating the mesh. Now, the transparency renders in the sprite, but not in the materia. I have not worked with atlases yet in Unity 5 however, this may let you ignore that step. In this case, if it does, it'll simply. Use it on the image, and it will get rid of the color that you used it on. This can also be used to change the global transparency (alpha) of the sprite. SOFTWARE USED. If you are not using 2D lights in your project, make sure you have material that doesn’t require 2D Lights to make the Sprites visible, in which case you can change the material to “Sprites-Default. Alpha is identified by a number 1-255, where 1 is completely transparent and 255 is opaque. Join Jesse Freeman for an in-depth discussion in this video, Sprite to Unity workflow, part of Unity 5: 2D Optimizing Graphics. This asset has all basic actions and fits many themes. SpriteLamp’s developer, Finn Morgan, said that a shader for Unity will be provided later, but we decided that we couldn’t wait, so we wrote it ourselves. Unity's Alpha + ETC1 compression is not working with UI elements. You can combine "Toon" and "Cutout", or "Toon" and "Outline" for combination shaders, however "Transparent" and "Fade" do not currently have a Toon Lit shader and instead fallback to "Unlit/Transparent". 0 test without any problems. The term sprite was not in use at the time. HD sprites from iOS release ripped by Jozerick: If you'd like to contribute a sprite animation, email Croik at courtrecord @ gmail. Best for action/RPG games & endless running games. Perfect pixel-art with specular and bump lighting in unity Here's how I do the lightning and pixel-art textures for MegaSphere. (not enough ratings) $14. Most of them come from DPI website (webmastered by Psy Guy), but the versions I offer here are better and easier to use (same transparent background color -- blue color : 0 0 255 RGB values -- on all sheets, all available in GIF and 24-bit PNG -- transparent 24-bit PNGs automatically appear. To retrieve it, we need to visit the Unity download archive, and download the Built in shaders package (below) for the version we are. Now, the transparency renders in the sprite, but not in the materia. Built-in Transparent shaders do not write to depth buffer, hence an object is x-ray like transparent - you can see object's parts which are behind other parts. Besides running the Tuts+ Network, Envato also runs a set of digital stock marketplaces - and one of these, GraphicRiver, now sells sprite sheets for games. How to export your Unity 3D project to WebGL and keep a reasonable build size if you need transparency use Create an atlas for your UI sprites This is not related with the project size but. The UI for SpriteLamp. At least if it is I've not tried to make it work. How is this website written? The sprite generator is written in PHP, using the GD image functions. So take this first picture. Views expressed in the examples do not represent the opinion of Merriam-Webster or its editors. Overlapping transparent area clips proto prototype script sea shader shadow sprite terrain texture are not sponsored by or affiliated with Unity Technologies. so that I can see transparency through my sprites. 2 that allows the transparency of the pen. The result is a sprite sheet image that looks like this. Change a Sprite's Transparency. In Unity, the latest stable version (2018. Change its background (7) to a transparent color (we need only view of the sprite, not background) You can also delete GUI Layer, Flare Layer and Audio Listener components so that Unity Editor wouldn't spam into console. So while blitter based hardware uses a unified model for foreground and background and a fixed flat frame-buffer, sprites need a special background engine. 3 update was a great big door swinging open for 2D game developers, with many new tools and ways to approach 2D game development in this already powerful engine. The test was made with only one sprite. How do I display a sprite with transparency for the background? GIF files do not work. Image is not seen in the game view 6. Sprites are basically semi-transparent textures that are imported as sprites in its texture import settings. Imagine how many people google that. 2D Renderers are mainly within the Transparent queue, and include the Sprite Renderer A component that lets you display images as Sprites for use in both 2D and 3D scenes. A simple test showed that my opaque sprite shader is 30% faster than the default sprite shader. You should be able to use Unity's various shaders to get the transparency you want; this has always worked and is specific to understanding Unity's material setup. The main focus of your item is on portable overall performance and workflow performance – and it has loads of capabilities designed for this. The main focus of your item is on portable overall performance and workflow performance - and it has loads of capabilities designed for this. Sprite Factory is not an "all-in-one 2D game builder" that tries to do everything for you. This can be done with two sprites. See Unity's manual about shader compilation target levels for more. UPDATE: Added missing step as noted in comments. Please note that for this archive I've made all sprites on a transparent background without text or background images, and would appreciate submissions in the same format. The simplest way to achieve this is by adding some transparent pixels. Open the "scene" scene 3. How is this website written? The sprite generator is written in PHP, using the GD image functions. So just create a new square "sprite" and drag and drop it onto the Scene window like you did with your sprite character. The part of your code that I do not seem to grasp is how you manage to remove the white hole in the middle of the red doughnuts so that the white hole becomes transparent. In many engines, including Unity, semi-transparent materials are rendered back-to-front. The Atari VCS, released in 1977, features a hardware sprite implementation where five graphical objects can be moved independently of the game playfield. One could argue if the trade-off is beneficial or not.