خش اتفرج علي three.js 3D in your browser :D

٢٠١٥/١١/٢٣

threeJS دي يا سيدي library بتستخدم WebGL عشان تعرض الgraphics علي الbrowser بتاعك. هي مش game engine كامل في حد ذاتها ولاكن تقدر تعمل بيها games بسهولة لو استخدمت معاها كام حاجة تانية (physics engine, sound libs... etc.) المهم، الحاجات اللي تحت دي عبارة عن examples جبتها من ال git repository دي.
enjoy! :D
ملحوظة: لو عايز تشوف الcode بتاع أي حاجة دوس right click واختار view page source. الحوار كله بjava script فعيش يعني :D.


Chapter 01: The Basics

Scene بسيط
Materials و Light
Materials و Light و Animation بسيط
هنا حطينا GUI
هنا بيhandle لما الscreen حجمها يتغير

Chapter 02: Geometries and Cameras

Scene تقدر تضيف فيه مكعبات
ضباب
Forced Materials
الGeometries
Custom Geometry - عدي ممكن يعمل برنامج بتاع 3D Modeling زي blender :D
حرك وrotate وscale الgeometries
أنواع الكاميرات - Perspective/Orthographic
خلي الكاميرا تبص علي object معين (lookAt)

Chapter 03: Lighting

إضاءة عامة - Ambient Light
مصباح - Point Light
كشاف - Spot Light
شمس - Directional Light
Hemisphere Light
إضاءة من سطح جسم - area light
Lens Flare

Chapter 04: Materials and Shaders

Material بسيطة
Depth Material
كذا material مع بعض
الNormals
Material لكل face.
Lambert Material
Phong Material
Shader Material
Material خط
Material خط مقطع

Chapter 05: More into Geometries

سطح 2D
دايرة 2D
شكل 2D
حلقة
مكعب
كرة
أسطوانة
Torus
Torus معقد
Polyhedron

Chapter 06: Operation on Geometries

Convex بنقط عشوائية
زير تقريباً lol
Extrude
Extrude الماسورة
Extrude SVG
Parametric Geometries
Text Geometry
Binary Operations

Chapter 07: Particles

Particles
Particles وألوان
Particles وحركات
Particles من sprites
Particles من sprites مع حركات
Particles من sprites من غير حركات
مطر
ثلج
Sprites
3D Sprites
Particle system من model

Chapter 08: Importing, Saving and Loading

تجميع أكتر من object مع بعض
مش عارف إيه دا
Save and Load JSON Object
Save and Load JSON Scene
Model خارج من blender في صيغة JSON
تحميل obj model
تحميل obj model بالmaterials بتاعته
تحميل model collada
تحميل stl model
تحميل ctm model
تحميل vtk model
تحميل pdb model
تحميل PLY model
تحميل awd model
تحميل بassimp
تحميل vrml model
تحميل babylon model

Chapter 09: Animations

Animation بسيط
دوس علي الobjects
Animation Tween
زوم الكاميرا بالبكرة
الكاميرا في الfly mode
الكاميرا ماشية مع الmouse
كاميرا بتاعة first person
نمسك الobject ونلفه بالmouse
حرك الframes بتاعة الmodel
حرك الmodel
Bones
Animation من Blender
Animation من Collada
Animation من md2

Chapter 10: Textures

DDS Texture
PVR Texture
TGA Texture
Texture بسيط
Bump Map
Normal Map
Light Map
Dynamic Map
Static Map
Speculer Map
UV Mapping يدوي
UV Mapping
Repeat Wrapping
رسم texture
شكل الtexture بتاعة الBump Map
Video Texture
Video Texture بردو

Chapter 11: Effects

Effect بسيط
شوية effects بسيطة
Glitch Effect
Post Processing Masks
Simple ShaderPass
Blur ShaderPass
Advanced ShaderPass
Custom ShaderPass

Chapter 12: Physics, Constraints and Sound

مشهد بسيط
خصائص الأجسام
الأشكال
Constraints
عربية بتمشي
الصوت

سبحانك اللهم وبحمدك نشهد ألّا إله إلا أنت نستغفرك ونتوب إليك.
ساعد إن الكلام اللي فوق دا يبقي course كامل مش مجرد demos. إبدأ حتي لو بدرس واحد.