imagination XD

realizing dream

d2fea219-f16a-4371-9b6a-dd8123775ffb_scaled


Leave a comment

[Unity Asset] Anime Style Classroom Prop Pack

After 20 days being reviewed, finally approved today !

Requires Unity 5.3.0 or higher.
Anime themed Classroom prop pack including doors and windows.
Including more than 50+ prefabs with 1024×1024 textures and Normal Map also Illumination Map for Lighting objects. Material and mesh also shared across objects.
Each models polys are range to 100~800 tris.
Contains:
  • Skinned / Adjustable School bag
  • Adjustable wall clock
  • 3 Doors (hinge joints applied)
  • 3 Windows
  • Cabinets
  • Lockers
  • Trash Can
  • Table and Chair
  • Chalkboard with 3 variations
  • Bulletin Board with 3 variations
  • Room Speaker
  • Projector + Projector Screen
  • Stationary
  • Chalks and Eraser
  • Tote bags
  • Classroom
  • Lightmapped Classroom Demo Scene*
  • All objects in 1 Scene

* Lightmapped in Unity 5.3, Unity 5.5 might need to re lightmap.

Thanks for downloading !

And Happy Lunar New Year !

Image may contain: 1 person


Leave a comment

Take 360 Photo and Upload to Facebook with Unity

It’s actually not new thing, but since many people ask me how to do it, then yeah I decided to make some writing about this.

1-nakane-eri-almost-done-for-the-environment-finally-can-get-back-google-chrome_2016-11-03_01-02-22-336-png-picasa-photo-viewer

What you need :

So here’s how you do it

  1. Download the 360 Panorama Capture asset and import it to Unity
  2. vrunity_1
  3. Select your main camera or camera to be rendered, and put Capture Panorama. Leave the settings default.
  4. REMEMBER to set the IMAGE FORMAT to JPEG. If you use PNG, you’ll have to convert that again to JPG.
  5. Press play if you see it’s good enough.
  6. In play mode, press [P] to capture the panorama, the screen would fade to black, don’t do anything while screen is black.
  7. Then you’d hear a sound effect and screen fade off. That’s mean the rendering is done.
  8. vrunity_2
  9. Now go to your root folder, folder where Unity put stuff like Assets, Library and stuff.
  10. Now bring those file to where you put the exiftool.exe
  11. vrunity_3
  12. You might need to rename your exiftool to just exiftool.exe
  13. Then press Shift + Right Click on the explorer and choose Open command window here.
  14. vrunity_4
  15. Copy this code to command window
  16. exiftool -ProjectionType=”equirectangular” photo.jpg
  17. That photo.jpg is your 360 photo file name.
  18. Then press [Enter]
  19. And yeah ! You will get the JPG once it done, now it’s ready to upload to Facebook as 360 photo !

Also, I have uploaded few assets on my Asset Store, be sure to check it out.

imgvertex-asset-store-google-chrome


Leave a comment

Anime Boy Pack Available now on Asset Store

SAVE 4$ FOR 3 CHARACTERS !

Anime Teen Boy character 3 pack is now available on asset store ! Includes 3 Characters.

Thanks to Kyana for the hair textures.

FEATURES

  • 10 Hair textures
  • Fully Editable 2048×2048 Vector PSD texture + Normal Map
  • Idle and Run motion as demo
  • Blink animation texture and mouth texture
  • Toon or PBR version
  • Character 1 :
    > Base 1812 tris
    > Hair 895 tris
    > Cloth 2290 tris
  • Character 2 :
    > Base 1874 tris
    > Hair 623 tris
    > Cloth 2290 tris
  • Character 3 :
    > Base 1772 tris
    > Hair 924 tris
    > Cloth 1556 tris

Anime Boy Character #1

Sketchfab link

Anime Boy Character #2

Sketchfab link

Anime Boy Character #3

Sketchfab Link


1 Comment

Anime Boy Character Available now on Asset Store

Hello everybody,

I just released the low poly character pack for Unity 3D in Asset store. There are 3 of them, but the packs haven’t approved yet by Unity.

Thanks to Kyana for the hair textures.

FEATURES

  • 10 Hair textures
  • Fully Editable 2048×2048 Vector PSD texture + Normal Map
  • Idle and Run motion as demo
  • Blink animation texture and mouth texture
  • Toon or PBR version
  • Character 1 :
    > Base 1812 tris
    > Hair 895 tris
    > Cloth 2290 tris
  • Character 2 :
    > Base 1874 tris
    > Hair 623 tris
    > Cloth 2290 tris
  • Character 3 :
    > Base 1772 tris
    > Hair 924 tris
    > Cloth 1556 tris

Anime Boy Character #1

Sketchfab link

Anime Boy Character #2

Sketchfab link

Anime Boy Character #3

Sketchfab Link


Leave a comment

MEMEME Dance Cover | Anime Unity Experiment Part I

itsudatte

MEMEME Dance cover animated with 12FPS convert to 24FPS via virtualDub.

Ah where i’ve been ?! Just came out from cave and decided to write an article on my blog. (^・ω・^ )

I want to test out / render my anime technique on Unity. Let’s get MEMEME by Teddyloid feat. Daoko dance motion as example. I still need to fix its shader toon effect cause it looks breaking. Maybe I need to make modifications on stereoarts.jp shader just like how I modify Unity-Chan shader. I’ve seen how Guilty Gear builds their 3D Anime style but I think it’s very very very long and complex (as always, my brain starts say “Ain’t nobody got time for that!”). So this is my own 3D Anime method.

Shader

On my earlier animation, I used modified Unity-chan shader. Since Stereoarts’ shader was compiled to cginc, it’s kinda difficult to modify it. I need to add Normal map and fix its toon ramp. You maybe say, Normal map is stupid to Anime, but you can make fake cloth fold by using normal map, I’m not going to make detail with Normal map, just fake cloth fold cause Anime without cloth fold is weird…

Unity Personal (64bit) - newshader.unity - New Unity Project - PC, Mac & Linux Standalone DX11
Unity-chan shader

  • Pros
    • Runs SSAO nicely (modified only)
    • Sometimes can give you really nice result
  • Cons
    • Not Support DX11
    • Can cause overbright sometimes
    • No outline color controller
    • Normal map has no function at all
    • No DoF / SSAO support (original one)
    • Many things to be set
    • Specular ?! Do you really think anime has Specular reflection ?

Unity Personal (64bit) - itsudatte.unity - New Unity Project - PC, Mac & Linux Standalone DX11_4

Stereoarts.jp shader

  • Pros
    • Support DX11 / Global Illumination
    • Full control
  • Cons
    • No normal map for fake cloth folds
    • SSAO makes it looks darker and unrealistic

Scene

So about 2 Cameras, I have to use Forward rendering cause deffered can’t render depth camera.
Why do you need Depth Camera ? Cause, if you want to have SSAO / Motion Blur / any other Post effect only on environment, then you have to split / make 2 cameras. 1 for environment and 1 for character. The minus is, Character won’t cast shadow. Your character / actor must have their own layer, for example “Actor” so in your Actor Camera, set culling mask to Actor only, depth = 1, and set clear flag to depth only. Remember to put Actor camera as a children of Environment camera. So you only need to animate environment camera.

For environment post processing, you can use effect like Depth of Field (but it wont affect actor), motion blur, SSAO, and even paint effect. Leave actor camera no effect.

Also, if you want to make games instead of animation, you can use deffered or just single camera and use baked AO instead of SSAO. There’s no such SSAO on anime character.

I’ve been made modified Unity’s SSAO that cull actors layer, but it doesn’t work and it only shows environment no actors.

Motion

Background motion blur

Background motion blur

Anime usually has framerate of 12FPS and doubled / repeat it to 24FPS cause most film has framerate of 23.976 / 24FPS. I much prefer full 24 FPS than doubled 12FPS. To convert 12FPS to 24FPS, I use virtualDub. First, I render 12FPS on Unity then import on VirtualDub (Source 12FPS and convert to 24FPS) and done, it seems like the frame was doubled to become 24FPS.

As on Guilty Gear, they draw every motion on every frame and use step interpolation. Although it looks very anime style, but it’s very complex and took very long time. Simply decreasing framerate will do the same even you use Spline interpolation animation like mine. “Wait! The game should run in 60FPS! You can’t simply decreasing framerate to 12FPS to have anime looks!” Man! Think, readers! Think! Decreasing frame rate is possible via FBX (on Unity it should be named “samples”). I’ve tried compressing keyframe / frame rate through FBX.

Anyway more research are coming soon!

Read more about MMD on Unity
https://laboratoriesx86.wordpress.com/2015/04/26/tutorial-mmd-4-unity/


2 Comments

[Tutorial] HDRI as Unity Skybox

56I actually been used HDRI as skybox back then, but it wasn’t really good cause older Unity doesn’t has GI. Now Unity 5 has GI, so HDRI is good too for Unity.

You’ll need HDRI Image (JPG, if it’s hdr or exr, you have to convert it first), and Unity 5.

  1. 0First, if your HDRI is not JPG yet, then convert it to JPG by set the channel to 8bit.
  2. 1
  3. Import your JPG HDRI to Unity. Remember, 4000px is enough, cause you’ll get 2048px in Unity. Set your HDRI to Cubemap and Cubemap type to cylindrical or latitude bla bla bla…
  4. 2Now create a material. Click Assets > Create > Material
  5. 3 Set your material shader to Skybox > Cubemap
  6. 4Now drag your HDRI Cubemap to skybox cubemap.
  7. 5Now open Lighting tab, and drag your HDRI Material to skybox. Sometimes it might happens like this, but to fix it just change the cubemap type to Cylindrical (in this screenshot, I set it to Spherical).

Yep, it’s really simple. Simple as any other 3D programs.


5 Comments

[Unity] Blendshape Eye Controller (Look At, Random Eyes, and Random Blink)

Controlling eyes with Unity’s blendshape controller is difficult especially Unity likes to make a blendshape is a float value which harder to control and you can’t even control any movement like down or left. The picture above represents the movement of their eyes. See closely with that cyclops, her eyes were move following that ball, meanwhile the penguin just stuttered with the eye (Random Eye and blink).

You’re gonna need 4 / 5 basic eye blendshapes like Up eye, Right eye, Down eye, Left eye, and blink (optional).

pxeyes nyeyes pyeyes nxeyes

This is very useful tool especially for wannabe animator like me.

Download the script here,

Tutorial

  1. blendeye2
  2. Add this script on the root of your character.
  3. blendeye3
  4. blendeye2aAssign the number / ID of your Blendshape as in your blendshape mesh. I added isDebugging mode, that’ll ease you out finding the number of the blendshape.

  5. blendeye4
  6. After found the right ID, now you’re done! You can control eye movement via 2D Target now. But is that enough ? LOL NOPE!
    blendeye5
  7. To make it focus in 3D Way, create an empty game object and set it as target.
  8. blendeye6
  9. Sometimes this might happens (A certain eye moves in reverse way), to fix it, just invert the blendshape ID like Positive X Axis was 0 and set it to 1 and Negative X Axis was 1 and set it to 0.
    blendeye7
  10. Now look! Your character will focus on that object forever! But if that’s not please you enough, you can use Random Eyes mover (I forgot to make it move along with your target, so it’ll move along with the center of your head). But if you really do want random movement along your target, then just remove “target” line below randomizer target transform.
  11. if(!randomizerTarget){
     randomizerTarget = new GameObject("RNDTRG");
     randomizerTarget.transform.position = blendshapeEyeMesh.transform.position;
     target = randomizerTarget.transform; // remove this
     }else{
     target.position += Random.onUnitSphere * Time.fixedDeltaTime/randomCompressor;
     }
  12. And so do you want them blink ? just turn on Blinkable and your character will be blinkable. The higher value of blink speed the faster it’ll be. And what is Target Multiplier ? That’s just speed multiplier of your 3D target, how fast / sensitive their eye will follow your 3D target.