- A micro-adventure experience with our "body shield"
"The Adventure of Immune System" project is an onlooker restoration of the human immune system through coding and 3d Modeling. Users can interact in this micro-environment from the perspective of a cell through keyboard and mouse manipulation and finally have closer contact and a clear understanding of the human immune system.
Press “W” key: Go straight.
Press “S” key: Go back.
Press “A” key: Turn left.
Press “D” key: Turn right.
Scroll the mouse wheel：Rotate to observe the surroundings
To ensure that I have a clear framework and process of the system, I used Miro Board to establish an operation flowchart, which covers some key attributes of cell color, shape, and size. In this process, I was inspired by the video "Our Immune system" and wanted to build an interactive micro-world.
White Blood Cell
When bacteria, viruses, parasites, and other harmful microorganisms invade the human body, white blood cells proliferate, differentiate, and mature to eliminate these toxic substances.
T-Cell
T cells are derived from pluripotent stem cells of bone marrow. T cells are distributed through the bloodstream to settle in the thymus-dependent areas of peripheral immune organs.
B-Cell
B cells can differentiate into plasma cells under antigen stimulation, and plasma cells can synthesize and secrete antibodies (immunoglobulins), which mainly perform the body's humoral immunity.
Bacteria
Bacteria can spread diseases among standard human bodies through various methods, such as contact, digestive tract, respiratory tract, insect bites, etc .They are highly infectious and cause significant harm to society.
Virus
A virus is a non-cellular life form. It is composed of a long nucleic acid chain and a protein shell. Therefore, when the virus leaves the host cell, it becomes a chemical substance with no life activities and cannot reproduce independently.
a. 3d Environment:
Webgl+Screen Size
b. Background: draw background(171, 188, 194).c. Light: ambientLight (200) + pointLight (100, 100, 100, 5000, 2000, 2000).
Solution:
Set variable x, y, z, centerX, centerY, centerZ.
Use “W” “S” keys to control y value and z value.
Use “A” “D” keys to control centerX value.Use “mouse wheel” to control x value.
Draw camera info on canvas to track values.
Result:
Press “W” key: Go straight.
Press “S” key: Go back.
Press “A” key: Turn left.
Press “D” key: Turn right.
Scroll the mouse wheel：Rotate to observe the surroundings
a. Cell Models:
Create “.obj” files from C4d.
Cells Materials used “jpg” files as texture + normalMaterial();
b. Cells Movement:
Get this.location = createVector.
Move with “translate” this.location.
c. Cells Amount:
3d Array + threshold + if statement.
Let's craft design stories and share life's adventures together! Reach out anytime for a creative chat or to exchange insights.
