Sketches 3d

screenshot of Sketches 3d
svelte
vite

Experiments and demos of 3D game-like things. Also the home of Geotoy/Geoscript. Mostly using Blender + Three.JS with custom shaders and interactive bits.

Overview

Exploring the world of 3D modeling and interactive content can be thrilling, and this collection of 3D sketches and experiments showcases the potential of modern web technologies like Three.JS and Blender. The diverse range of scenes reflects a creative journey through arts and tech, offering a unique glimpse into a captivating virtual space. The project's ability to run in-browser enhances its accessibility, making it easier for users to enjoy the creations without needing complex setups.

Features

  • Diverse Scenes: The collection includes multiple scenes that vary in theme, from serene landscapes to experimental designs, each providing a unique aesthetic experience.
  • Immersive Graphics: Using a blend of textures and styles, the visuals evoke nostalgia reminiscent of classic PS2 games while pushing the boundaries of contemporary 3D design.
  • Real-Time Audio Integration: A web-synth project adds an engaging audio layer, enhancing the interactive experience with dynamic soundscapes generated in real-time.
  • User-Friendly Access: Fully operating in the browser, it allows users to interact with the models and scenes effortlessly, requiring only mouse and keyboard inputs.
  • Custom Shaders: The use of bespoke shaders adds a distinctive touch to the visuals, enabling innovative lighting and texture effects that enhance depth and realism.
  • Experimental Design: Each piece invites viewers to explore innovative concepts, such as the interplay of geometric shapes and organic forms, pushing the envelope of conventional design.
  • Lightweight Framework: Built using SvelteKit, the project is streamlined for stability and performance, ensuring a smooth user experience with minimal loading times.
  • Engaging Particle Effects: The particle conduit sketch features vibrant, flowing particles, giving life to the scenes and inviting exploration into enchanting virtual worlds.
svelte
Svelte

Svelte is a modern front-end framework that compiles your code at build time, resulting in smaller and faster applications. It uses a reactive approach to update the DOM, allowing for high performance and a smoother user experience.

vite
Vite

Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.

zod
Zod

Zod is a TypeScript-first schema declaration and validation library. It allows you to define schemas that can validate data at runtime while providing excellent TypeScript inference, making it perfect for API validation, form validation, and type-safe data handling.