GeoScratch is a web-based visual programming environment that enables users to create 3D geometric visualizations through block-based coding. The application combines Blockly's drag-and-drop programming interface with Three.js 3D rendering to provide an interactive platform for exploring geometric concepts, linear algebra operations, and spatial transformations.
- Clone
https://github.com/winola-whu/GeoScratch.git- Install dependencies
npm install- Run
npm run dev
We recommend using Visual Studio Code (VS Code) for development and debugging.
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh
Blocks encode 373 topics—vector ops, line/plane forms—so each block maps 1-to-1 to a concept. This lets learners build scenes by snapping together concept-blocks instead of writing formulas.
If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the TS template for information on how to integrate TypeScript and typescript-eslint in your project.