Three JS Crash kursi 2022 (Amaliyot asosida)

Overview

Video kurs:

https://www.youtube.com/watch?v=NL2Cv8N1Skg

Kursdagi presentatsiya:

https://bit.ly/3aRRf9M

Loyiha demosi:

https://harmonious-puppy-4ea920.netlify.app/

Sozlash:

Three JS uchun Node dasturini yukalang Node.js.

Starter packni ishlatish:

https://github.com/javohirdev/threejs-starteruz

Kurs rejasi:

Three JS ga kirish

  • Kirish (prezentatsiya)
  • Three JS proyektni starter pack orqali sozlash
  • Dasturning fayl strukturasi va uning imkoniyatlari bilan tanishuv

3D Mars amaliyoti

  • Loyiha bilan tanishuv
  • Kerakli texturalarni import qilish
  • Mars obyektini hosil qilish va unga textura qo'shish
  • Orqa fon Particlelar
  • Yorug'likni to'g'irlash
  • Oyna balandligini o'zgartirish
  • Camera uzoqligi va uni pozitsiyalarni to'g'irlash
  • Obyektlarni qirrali holati
  • Dasturdagi obyektlar animatsiyasi, ularni harakatlanishi
  • Info card va asosiy textlar
  • Deploy
You might also like...

Simple Three js game project

Simple Three js game project

Simple Game This is a simple game developed with three.js library. Usage To run the game, we must start a web server with the command "python -m http.

Jun 22, 2022

A growing three.js helper library.

A growing three.js helper library.

kokomi.js A growing three.js helper library. Install npm i kokomi.js Hello world With just several lines, you can make a most basic 3D scene :d index.

Dec 30, 2022

A MERN Stack dapp the utilizes three solidity contracts

A MERN Stack dapp the utilizes three solidity contracts. It verifies user ownership of third party NFTs, generates an image incorporating a third party NFT image pulled from IPFS, mints a new NFT for users that includes an on-chain message and metadata to Opensea standards.

Jun 30, 2022

Immersive (VR) controls for Three.js

Three.js Immersive Controls Immersive (VR) functionality Movement and rotation with VR controllers (move with left thumbstick, rotate with right thumb

Nov 12, 2022

Element for displaying HTML based on THREE.js HTMLMesh

Element for displaying HTML based on THREE.js HTMLMesh

AFrame-HTML a-entity html="#my-interface" position="0 1.5 -0.5"/a-entity Display an interactive HTML element in the scene. html-pointer component

Jan 3, 2023

Mixed Reality Capture module for WebXR and Three.js

Reality Mixer JS This is a small Mixed Reality Capture module for WebXR + Three.js. You can use this module to allow users to record your WebXR experi

Dec 28, 2022

Ektogamat Three Graces Design Concept using threejs

Ektogamat Three Graces Design Concept using threejs

In this project, I wanted to show that creating a fancy design like this using #threejs is not as difficult as it looks.

Dec 18, 2022

A first person character controller for the Three.js graphics library

charactercontroller A first person character controller for the Three.js graphics library Demo Installation npm install charactercontroller Usage impo

Aug 17, 2022

A very small app to run three.js apps on the desktop with Deno

A very small app to run three.js apps on the desktop with Deno

3D visualization with Three.js on Deno on Desktop This is a small Deno app that renders a (webkit) webview on desktop. Along with a page running Three

Dec 30, 2022
GatsbyConf - Decoupling Drupal Using Gatsby: A Crash Course workshop

GatsbyConf - Decoupling Drupal Using Gatsby: A Crash Course workshop

Octahedroid 7 Sep 29, 2022
A crash course on Zod - a schema validation library for TypeScript

Zod Crash Course This Zod crash course will give you everything you ever needed to know about Zod - an amazing library for building type-safe AND runt

Total TypeScript 339 Dec 28, 2022
Bloxflip crash automation using the martingale strategy. Earn robux passively while you sit back!

bloxflip-autocrash Bloxflip crash automation using the martingale strategy. Earn robux passively while you sit back! ⚠️ WARNING This automation softwa

null 17 Dec 30, 2022
three.js examples. if you are first in learning three.js , this will give you much help.

three-projected-material Three.js Material which lets you do Texture Projection on a 3d Model. Installation After having installed three.js, install i

null 22 Nov 2, 2022
Text Engraving & Extrusion demo based on Three.js is implemented with Typescript and webpack5. Used THREE-CSGMesh as the core tech to achieve engraving and extrusion results

Text Engraving & Extrusion Text Engraving & Extrusion demo is implemented using Three.js, with Typescript and webpack5. Used THREE-CSGMesh as the core

Jiahong Li 3 Oct 12, 2022
JSNation 2022 - Building a Solar System using Hand Recognition and Three.js

Building a Solar System using Hand Recognition and Three.js ?? Accompanying code for JSNation 2022 talk. Demo video here: https://www.youtube.com/watc

Liad Yosef 16 Dec 14, 2022
College project done for the CG Artwork lecture in 2022. Used HTML for the indexes and mainly JavaScript (using to THREE.js). Ended with the final A grade (17.3 in scale grade).

CG Artwork Project 2022 This project was done by a group of 3 in 2022 with an educational purpose for the CG Artwork lecture in Instituto Superior Téc

filipe_neves 3 Sep 19, 2022
Adding volumetric effects to a built-in Three.js shader.

Magical Marbles in Three.js Adding volumetric effects to a built-in Three.js shader. Article on Codrops Demo Installation Install dependencies: yarn

Matt Rossman 68 Dec 9, 2022
Interactive 3D plotting with a simple function call using Three.js

About Generate interactive 3d plots with a simple function call. Function returns a Three.js scene which can be customized as needed. Basic function c

Nathan Epstein 89 Oct 20, 2022
Animated sprite hook for react-three-fiber

use-animated-sprite Animated sprite hook for react-three-fiber Dependencies npm install @react-three/drei @react-three/fiber react three Installation

Brit Gardner 7 Dec 4, 2022