SHIKA: Orthodontic treatment simulation app

3D・AR・VR, Healthcare System, Mobile App

SHIKA: Orthodontic treatment simulation app

This application helps users see how their teeth will look after cosmetic orthodontics. Users can also choose the type of orthodontics, such as upper or lower orthodontics or transparent orthodontics.
You can also adjust the position of each bracket, the 3D rotation, and the color and transparency of the orthodontics.

Durations:

6 months

Team size:

Requirements Definition

Basic Design

Detail Design

Development

Testing

Release

Maintenance

About Project:

The services provided are as follows:
1) Teeth Visualization After Orthodontics: simulate how the teeth will look post-cosmetic orthodontic treatment.
2) Orthodontic Type Selection: choose between
・Upper teeth only
・Lower teeth only
・Full set (upper + lower)
・Transparent orthodontics
3) Bracket Position Adjustment: manually move each bracket to desired positions on the teeth.
4) 3D Rotation Control: rotate the 3D model of the teeth for viewing from different angles.
5) Appearance Customization: adjust Color of orthodontics and Transparency level of the orthodontics

Devices

Iphone, Android Phone

Server and others

XServer, Ubuntu

Technology

Flutter

PHP Laravel

ThreeJS

Challenge

The system must render highly detailed, realistic 3D models of teeth and braces, while also providing smooth, interactive editing features (e.g., rotating the model, adjusting bracket positions, and changing materials). This is technically demanding and user-sensitive:
・3D rendering and manipulation can be computationally heavy, especially on mobile or browser-based environments.
・Non-specialist users (patients) need an intuitive interface that makes complex 3D tasks feel simple.

Solution

Optimized 3D Model Rendering
・Use lightweight meshes and texture compression for mobile/browser compatibility (e.g., GLTF/GLB file formats)
・Support Level of Detail (LOD) rendering to scale visual complexity based on device performance
・Implement GPU acceleration and WebGL/Three.js or Babylon.js frameworks for fluid interactivity

Intuitive User Controls for Bracket Placement & 3D Rotation
・Drag-and-drop bracket placement with snap-to-tooth-surface logic
・Multi-axis rotation using gesture or mouse wheel controls, including preset angle buttons (front, top, side)
・Enable undo/redo history for bracket adjustments

Project Gallery

(7)

Others

Related Works

Service Matching

A service matching platform that connects users with various service providers, allowing them to search for, compare, and book different services based on their needs. Whether it's finding professionals for personal, business, beauty, or lifestyle services

Skin Analysis app

Skincare app that helps users analyze their skin condition using AI-powered image recognition. By simply taking a selfie, users can receive personalized skincare advice, track their skin's progress over time, and discover suitable beauty products.

Differential diagnosis system

RECORD SIX is a differential diagnosis support system designed to enhance clinical efficiency and accuracy. AI-powered by ChatGPT, it supports medical staff by generating diagnostic questions and conclusions from patient history.