- This topic has 3 replies, 3 voices, and was last updated 2 weeks, 6 days ago by
.
-
[SOLVED] [UPDATE]: The Happi Japanese App is now COMPLETED and fully optimized! (Final Release & Solution Share)
Hello Verge3D Community,
I am a professional Japanese language instructor with 23 years of experience. I am excited to showcase my latest project, Happi Japanese, which is a 3D interactive application specifically designed for absolute beginners to master Japanese Phonetics.
The application is fully completed and available in three languages: Cantonese, English, and Korean.
Unlike a typical quiz app, this tool focuses on the foundational stage of learning. My goal was to transform traditional classroom explanations into an interactive multimedia experience. It helps students build a solid interest in Japanese from the very first step—pronunciation.
As a creator without a coding background, I built the entire application logic using Verge3D Puzzles.
The project involves over 1,700 files (approx. 691 MB source). I have optimized the installer down to 391 MB using Inno Setup.The app primarily functions through Show/Hide logic to navigate between different phonetic sounds and instructional content.
For an app focused on static phonetic data and audio (1,700+ assets), are there specific techniques in Verge3D to further reduce the final package size?
Is this “Logic-only” (Puzzles) approach common for educational tools of this scale, or should I consider different architectural methods for future modules?
I have tested the application on my PC, and it works as expected. However, I encountered some challenges regarding tablet performance. I have tested it on an iPad (8th Gen). While it runs, the performance isn’t as smooth as I’d like, likely due to the large asset size (approx. 691 MB source).
To provide the most comfortable experience for different users, I have prepared both an Installer (compressed to 391 MB) and a Portable version. Since I plan to develop more apps specifically for tablets in the future, I would be very grateful for your advice on:
How can I significantly reduce the overhead for tablet devices? Given the 1,700+ assets (mainly audio and UI images), what are the best practices to ensure a smooth 60fps experience on mid-range tablets?
Installer vs. Portable:
In your experience with Verge3D projects, which format do mobile-focused users prefer, or should I stick to a pure WebGL/Browser-based distribution?I truly want to provide a seamless learning journey for my students. Any guidance on transitioning this logic-based workflow to a more “tablet-friendly” architecture would be invaluable.
Thank you for your support!
https://cdn.soft8soft.com/AROAJSY2GOEHMOFUVPIOE:fca0c4471f/Happi_Japanese/Happi_Japanese.html
https://github.com/GeeLau/Happi-Japanese-App/releases/tag/v1.0
Hi,
Congrats on project completion, the app is really awesome and exciting to use
By looking into the performance profile (PPP) for your app I’d say it’s quite optimized. The things that might improve performance even more are:
1) HDR rendering. This one improves quality only for the node-based gradients and bloom postprocessing. If you have none, you better switch it off.
2) Image-Based Lighting. In your scene it’s save to reduce the environment map size from 512 to 256.
3) Bokeh (DOF) postprocessing. This might be the top reason why your app works slow on iPad 8. If you need it, you might disable the entire post-processing pipeline on low-end, e.g. mobile devices with the remove post-effects puzzle.[SOLVED] [UPDATE]: The Happi Japanese App is now officially COMPLETED and fully optimized! (Final Release & Solution Share)
I wanted to update this thread with some amazing news and share the ultimate solution to the performance and bug challenges I faced earlier.
I am thrilled to announce that after a rigorous deep-dive debugging and optimization session, The “Happi Japanese App” is now officially completed and fully optimized! In my previous draft, I mentioned performance concerns on tablets (like the iPad 8th Gen) and an asset size of around 6xx MB (with a 3xx MB build). I am happy to report that by implementing aggressive video texture compression via HandBrake, the final application size was successfully reduced to just 2xx MB (prior to uploading to the server)! It now runs at a silky-smooth on both desktops and tablets.
During this optimization, I also solved a mysterious UI “blank” bug, which turned out to be a rogue “hide” puzzle block rather than a media decoding issue. The app is now perfectly stable across all platforms!
Here is the full background and overview of the project:
About The Happi Japanese App
I am excited to showcase my latest project, The Happi Japanese App, which is an interactive multimedia application specifically designed for absolute beginners to master Japanese Phonetics.Just a quick heads-up: Even though this project is powered by Verge3D and leverages its powerful logic workflow, it focuses strictly on high-performance interactive 2D and multimedia elements rather than actual 3D graphics or WebGL meshes.
The application is fully completed and features localized editions in Cantonese, English, and Korean to cater to different global learners.
Unlike a typical quiz app, this tool focuses heavily on the foundational stage of language learning. My goal was to transform traditional classroom explanations into an immersive multimedia experience, helping students build a solid interest in Japanese from their very first step—pronunciation. As a creator without a formal coding background, I built the entire application logic using Verge3D Puzzles.
Key Technical Takeaways & Milestones:
Massive Weight Reduction: Cut down the total build size from 6xx MB to 2xx MB by optimizing over 1,700+ assets (mostly by compressing those heavy MP4 video textures).Pure WebGL/Browser Deployment:
After testing, the optimized 2xx MB package performs flawlessly directly within mobile and desktop web browsers. I have decided to prioritize a pure WebGL/Browser-based distribution, as it offers the most seamless learning journey for my students without requiring a clunky installer or portable desktop setup.The “Logic-only” (Puzzles) Success:
This project proves that a pure Puzzles architecture can scale beautifully to manage over 1,700 dynamic assets using material replacement and structured Show/Hide logic trees, making it highly feasible for large-scale educational tools!I truly want to thank the Verge3D team and this wonderful community. The flexibility of Puzzles allowed me to bridge the gap between classroom teaching and interactive development perfectly.
I’m incredibly proud to finally release this to my students. If you have any questions about managing asset-heavy educational apps or video texture optimization in Verge3D, feel free to ask!
Thank you all for your support!
Let’s Happi Japanese~~
https://cdn.soft8soft.com/AROAJSY2GOEHMOFUVPIOE:fca0c4471f/Happi_Japanese/Happi_Japanese.htmlhttps://github.com/GeeLau/Happi-Japanese-App/releases/tag/v1.0
- You must be logged in to reply to this topic.