THREE js
How do I make an three js?
What is a three js? How do you make a three js? This script and codes were developed by Nikita Zubarets on 12 September 2022, Monday.
THREE js - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>THREE js</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <script src="https://threejs.org/build/three.min.js"></script>
<div id="wrap"></div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>
THREE js - Script Codes CSS Codes
#wrap{ background: #000; width: 400px; height: 300px;
}
THREE js - Script Codes JS Codes
var width = 400, height = 300;
var view_angle = 45, aspect = width / height, near = 0.1, far = 10000;
var wrap = $("#wrap");
//CAMERA
var renderer = new THREE.WebGLRenderer(), camera = new THREE.PerspectiveCamera(view_angle, aspect, near, far), scene = new THREE.Scene();
camera.position.z = 300;
renderer.setSize(width, height);
wrap.append(renderer.domElement);
//SPHERE
var sphereMaterial = new THREE.MeshLambertMaterial({color: 0xFFFFFF}), radius = 80, segments = 16, rings = 16, sphere = new THREE.Mesh(new THREE.SphereGeometry(radius, segments, rings), sphereMaterial);
scene.add(sphere);
scene.add(camera);
//LIGHT
var pointLight = new THREE.PointLight(0xFADAA0);
pointLight.position.x = 10;
pointLight.position.y = 50;
pointLight.position.z = 150;
scene.add(pointLight);
renderer.render(scene, camera);
Developer | Nikita Zubarets |
Username | snapson |
Uploaded | September 12, 2022 |
Rating | 3 |
Size | 1,955 Kb |
Views | 34,408 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
Frog jmp | 2,064 Kb |
Tanks the game | 1,162 Kb |
The hangman game | 9,753 Kb |
A zero-indexed array | 2,639 Kb |
JSON from google drive | 1,579 Kb |
Conditional comments | 1,426 Kb |
Signature | 1,763 Kb |
Pace | 12,479 Kb |
Coffee Clock | 3,622 Kb |
Tabs for tm us | 2,798 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
A Pen by Alex Edwards | Exards | 8,218 Kb |
Donald Trump - The New Yorker | Agbales | 2,502 Kb |
A Pen by Anoop | Anoopjohn | 330,760 Kb |
Menu | Vivi_Lai | 1,210 Kb |
CMP5-Opdracht15 | SannevanGastel | 2,733 Kb |
Template | Indra_z85 | 2,323 Kb |
Transitioning application screens with semantically named classes | Djgrant | 3,697 Kb |
Pure CSS Spinners | Jlong | 2,043 Kb |
DevCamp 2014 - Denver Public Library | See8ch | 5,033 Kb |
Importable Clearfix | Corysimmons | 1,411 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!