Posts
Investigate to transcode a video for a video on demand streaming by ffmpeg
NOTE:: This was written using ffmpeg version 4.4.2-0ubuntu0.22.04.1, and it's not been used on the production environment. I investigated how to transcode a video by ffmpeg and play it on a browser, and in order to do it, it was required to understand the theory of how it works. In this article, I described the basics of a video streaming like CMAF, HLS and DASH, and actual commands or codes to transcode and play a video on a browser.
January 8, 2024
Blender Scale Text by Each Letter
This was written using Blender 4.0 by a Blender novice. The animation in this post looks like next. Except step 4, I referred to this stackexchange answer. Step 1: Scale an entire text on Geometry Nodes Add a Instances > Scale Instances node and connect between Group Input and Group Output Set Y of Scale to 2.0 and make sure the text scales Add a Utilities > Text > String to Curves node and set the String field on the node Connect from Curve Instances of String to Curves to Instances of Scale Instances instead of Group Input. Add a Curve > Operations > Fill Curve and put it between String to Curves and Scale Instances Note that I couldn't figure out how to use the text of its mesh from the Geometry Input node for following animation steps correctly.
December 17, 2023
Blender: Animate a gradient material
This post was written using Blender 4.0. This blog is about to create the animation for color gradient. The final output of this post is like next: Step 1. Add a color gradient To add color gradient to a material, go to the Sharding tab and update nodes like the next. This is basically by: Add a Texture > Gradient Texture node Add a Converter > Color Ramp node between Gradient Texture and Principled BSDF Step 2. Animate a color gradient Add Vector > Mapping, Input > Texture Coordinate, and Converter > Separate XYZ nodes Connect inputs and outputs of each node by followings: Connect Generated of Texture Coordinate to Vector of Mapping Connect Vector of Mapping to Vector of Separate XYZ Connect Z of Separate XYZ to Fac of Color Ramp This value will be changed on the step 3, but change the Z value of the Mapping node and insert the keyframe on a frame appropriately to animate. Set the same color for the pos = 0 and pos = 1 on Color Ramp. Set z=1 on 100 frames, z=-1 on 101 frames, and z=1 on 200 frames By following the above, the animation becomes like next.
December 16, 2023
CI for Next.js with GraphQL by Cypress and GitHub Actions
CI is used to run automated testings before merging a change into the main branch. For Node.js application, I set up GitHub Action to run Cypress component testings for frontend testings Mock the response of GraphQL Jest testings for GraphQL resolvers Use a docker compose for a MySQL and a Firebase emulator on local and GitHub Action environments Unit testings for firebase storage rules But I couldn't figure out these things
September 3, 2022
Lena commands during a large-assault attack by Legion
This is the note for my illustration as a beginner. Today's paintingThe next painting is the one I drew on this time. Left painting is the one for a final painting, and right one is the one to edit. Final For editing I uploaded the final painting on my SNS accounts. Pixiv DeviantArt Challenges In this painting, I needed to figure out what is a good way to draw her with the reflection of lights from monitors in the dark room. So, I tried to use a different Blending mode for light layers and see which one is good for them, not only for light reflectoins, but also colors in the room. Before considering its background, I also drew colors, so put it for comparisons as well.
April 28, 2022
Indie Animation: Change 1st Episode
This is the summary about the next video. Character voices Imara: With a voice changer James: Text to Speech. Matthew from TTSMP3.com Software 3D animation: Blender Lip Sync: Rhubarb Lip Sync Character modeling: Vroid Studio Painting: Clip Studio Paint Slide: Google Slides Voice changer: Koigoe Voice changer: Voicemod Text to Speech: TTSMP3 Downloaded materials An office chair A table A laptop Challenges Voices were the hardest. Imara's voice was still not something I had wanted to listen to. It was still noisy and natural voices. When characters were updated, it required to update a lot of animations in the Blender file
March 5, 2022
After Effects: What I did to make fan made MV for about me / Suisei Hoshimachi cover
Written in July 2021. I posted next video on YouTube. I used Adobe After Effects for 2D animation for the 1st time, so in this post, I described how I made each scene. I already wrote some posts to make this video for practice, so I just referred those posts on some scenes. But this is the first time to use AE, so there can be better ways to do.
July 17, 2021
After Effects: Practice for old film effects
This post is written using After Effects 2021. I wanted to show an animation like old tape films, and made the next video. In this video, I noted how I did it. In fact, I noticed there are some plugins like motionarray, but I hadn't known before I made it. So, we might be able to do the same thing by easier way with them.
June 16, 2021
After Effects: Practice for visualizing audio file
This post is written using After Effects 2021. I made a simple video to use and compare effects described in this post. Audio spectrum/waveform effects In AE, there are two effects Audio Spectrum and Audio Waveform to visualize an audio file. I learned how to use an audio wavespectrum from next video. These are steps for how to use it.
June 15, 2021
Practice for a chat animation in Adobe After Effects
This post is written using After Effects 2021. I also added the links to videos where I learned how to do, so if you are unfamiliar with UIs on AEs, those videos are helpful for how to use. Chat animationI made a chat animation, and from that knowledge, I made the next video. In this post, I'll describe how I made this video, especially how to make a speech bubble in details.
June 14, 2021