Colors, Materials, Interaction...Interaction – Key and Button input private var orange : Color =...
Transcript of Colors, Materials, Interaction...Interaction – Key and Button input private var orange : Color =...
![Page 1: Colors, Materials, Interaction...Interaction – Key and Button input private var orange : Color = Color(0.8, 0.4, 0.0, 0.7); private var green : Color = Color(0.0, 0.9, 0.2, 0.7);](https://reader036.fdocuments.in/reader036/viewer/2022062510/612ebd131ecc5158694300b3/html5/thumbnails/1.jpg)
CS 491 / DES 400 Creative Coding Computer Science
Colors, Materials, Interaction
Project 1 concept discussion and review
ColorsMateralsInteraction
-mouse Button input-key input
![Page 2: Colors, Materials, Interaction...Interaction – Key and Button input private var orange : Color = Color(0.8, 0.4, 0.0, 0.7); private var green : Color = Color(0.0, 0.9, 0.2, 0.7);](https://reader036.fdocuments.in/reader036/viewer/2022062510/612ebd131ecc5158694300b3/html5/thumbnails/2.jpg)
CS 491 / DES 400 Creative Coding Computer Science
Color Systems
![Page 3: Colors, Materials, Interaction...Interaction – Key and Button input private var orange : Color = Color(0.8, 0.4, 0.0, 0.7); private var green : Color = Color(0.0, 0.9, 0.2, 0.7);](https://reader036.fdocuments.in/reader036/viewer/2022062510/612ebd131ecc5158694300b3/html5/thumbnails/3.jpg)
CS 491 / DES 400 Creative Coding Computer Science
Color Cube
![Page 4: Colors, Materials, Interaction...Interaction – Key and Button input private var orange : Color = Color(0.8, 0.4, 0.0, 0.7); private var green : Color = Color(0.0, 0.9, 0.2, 0.7);](https://reader036.fdocuments.in/reader036/viewer/2022062510/612ebd131ecc5158694300b3/html5/thumbnails/4.jpg)
CS 491 / DES 400 Creative Coding Computer Science
RGBA Color
Representation of RGBA colorsValues for red, green, blue and alpha are floating point values with a range from 0 to 1
Alpha component (a) defines transparencyalpha of 1 is completely opaque, alpha of zero is completely transparent
Black RGBA is (0, 0, 0, 1)Blue RGBA is (0, 0, 1, 1) Gray RGBA is (0.5, 0.5, 0.5, 1)Clear Completely transparent. RGBA is (0, 0, 0, 0)
![Page 5: Colors, Materials, Interaction...Interaction – Key and Button input private var orange : Color = Color(0.8, 0.4, 0.0, 0.7); private var green : Color = Color(0.0, 0.9, 0.2, 0.7);](https://reader036.fdocuments.in/reader036/viewer/2022062510/612ebd131ecc5158694300b3/html5/thumbnails/5.jpg)
CS 491 / DES 400 Creative Coding Computer Science
RGBA Color
Black RGBA is (0, 0, 0, 1)Blue RGBA is (0, 0, 1, 1) Gray RGBA is (0.5, 0.5, 0.5, 1)Clear Completely transparent. RGBA is (0, 0, 0, 0)
Magenta?Yellow?cyan?
![Page 6: Colors, Materials, Interaction...Interaction – Key and Button input private var orange : Color = Color(0.8, 0.4, 0.0, 0.7); private var green : Color = Color(0.0, 0.9, 0.2, 0.7);](https://reader036.fdocuments.in/reader036/viewer/2022062510/612ebd131ecc5158694300b3/html5/thumbnails/6.jpg)
CS 491 / DES 400 Creative Coding Computer Science
RGBA Color
Unity Color Window
![Page 7: Colors, Materials, Interaction...Interaction – Key and Button input private var orange : Color = Color(0.8, 0.4, 0.0, 0.7); private var green : Color = Color(0.0, 0.9, 0.2, 0.7);](https://reader036.fdocuments.in/reader036/viewer/2022062510/612ebd131ecc5158694300b3/html5/thumbnails/7.jpg)
CS 491 / DES 400 Creative Coding Computer Science
Colors
Create a scene (or use the scene from lab2) with the following components:• 3D Plane• 3D Cube• 3D Cylinder
Create 2 new materials and add trasnparent/diffuse shaderAssign materials to the cube and the cylinder (drag and drop)
Assets> Create > Material
![Page 8: Colors, Materials, Interaction...Interaction – Key and Button input private var orange : Color = Color(0.8, 0.4, 0.0, 0.7); private var green : Color = Color(0.0, 0.9, 0.2, 0.7);](https://reader036.fdocuments.in/reader036/viewer/2022062510/612ebd131ecc5158694300b3/html5/thumbnails/8.jpg)
CS 491 / DES 400 Creative Coding Computer Science
Colors
17) Create new material and add trasnparent/diffuse shader18) Add material to the cube19) Modify the script to add new material:
private var orange : Color = Color(0.8, 0.4, 0.0, 0.3);
renderer.material.color = orange;
![Page 9: Colors, Materials, Interaction...Interaction – Key and Button input private var orange : Color = Color(0.8, 0.4, 0.0, 0.7); private var green : Color = Color(0.0, 0.9, 0.2, 0.7);](https://reader036.fdocuments.in/reader036/viewer/2022062510/612ebd131ecc5158694300b3/html5/thumbnails/9.jpg)
CS 491 / DES 400 Creative Coding Computer Science
materialsScript
#pragma strictprivate var orange : Color = Color(0.8, 0.4, 0.0, 0.7);var newMaterial : Material;function Start () { }
function Update(){if (Input.GetButtonDown("Fire1")){GetComponent.<Renderer>().material.color = orange;newMaterial.color = orange;}} }
![Page 10: Colors, Materials, Interaction...Interaction – Key and Button input private var orange : Color = Color(0.8, 0.4, 0.0, 0.7); private var green : Color = Color(0.0, 0.9, 0.2, 0.7);](https://reader036.fdocuments.in/reader036/viewer/2022062510/612ebd131ecc5158694300b3/html5/thumbnails/10.jpg)
CS 491 / DES 400 Creative Coding Computer Science
Interaction – Key and Button input
The input manager allowes to name an input and specify a key or button for it.
You can access keys on the keyboard and mouse buttons through scripting interface.
Edit > Project Settings >Input
![Page 11: Colors, Materials, Interaction...Interaction – Key and Button input private var orange : Color = Color(0.8, 0.4, 0.0, 0.7); private var green : Color = Color(0.0, 0.9, 0.2, 0.7);](https://reader036.fdocuments.in/reader036/viewer/2022062510/612ebd131ecc5158694300b3/html5/thumbnails/11.jpg)
CS 491 / DES 400 Creative Coding Computer Science
Interaction – Key and Button input
Edit > Project Settings >Input
![Page 12: Colors, Materials, Interaction...Interaction – Key and Button input private var orange : Color = Color(0.8, 0.4, 0.0, 0.7); private var green : Color = Color(0.0, 0.9, 0.2, 0.7);](https://reader036.fdocuments.in/reader036/viewer/2022062510/612ebd131ecc5158694300b3/html5/thumbnails/12.jpg)
CS 491 / DES 400 Creative Coding Computer Science
Interaction – Key and Button input
Input.GetButtonDown("Fire1"))Mouse button left mouse 0
Input.GetButtonDown("Fire1"))Mouse button right mouse 1
Input.GetKeyDown(”Jump"))space key space
![Page 13: Colors, Materials, Interaction...Interaction – Key and Button input private var orange : Color = Color(0.8, 0.4, 0.0, 0.7); private var green : Color = Color(0.0, 0.9, 0.2, 0.7);](https://reader036.fdocuments.in/reader036/viewer/2022062510/612ebd131ecc5158694300b3/html5/thumbnails/13.jpg)
CS 491 / DES 400 Creative Coding Computer Science
Interaction – Key and Button input
GetButtonDown/Up – before any interaction
GetButtonDown: falseGetButton: falseGetButtonUp: false
![Page 14: Colors, Materials, Interaction...Interaction – Key and Button input private var orange : Color = Color(0.8, 0.4, 0.0, 0.7); private var green : Color = Color(0.0, 0.9, 0.2, 0.7);](https://reader036.fdocuments.in/reader036/viewer/2022062510/612ebd131ecc5158694300b3/html5/thumbnails/14.jpg)
CS 491 / DES 400 Creative Coding Computer Science
Interaction – Key and Button input
GetButtonDown/Up – on the first frame / on press
GetButtonDown: trueGetButton: trueGetButtonUp: false
![Page 15: Colors, Materials, Interaction...Interaction – Key and Button input private var orange : Color = Color(0.8, 0.4, 0.0, 0.7); private var green : Color = Color(0.0, 0.9, 0.2, 0.7);](https://reader036.fdocuments.in/reader036/viewer/2022062510/612ebd131ecc5158694300b3/html5/thumbnails/15.jpg)
CS 491 / DES 400 Creative Coding Computer Science
Interaction – Key and Button input
GetButtonDown/Up – after the first frame / holding button down
GetButtonDown: falseGetButton: trueGetButtonUp: false
![Page 16: Colors, Materials, Interaction...Interaction – Key and Button input private var orange : Color = Color(0.8, 0.4, 0.0, 0.7); private var green : Color = Color(0.0, 0.9, 0.2, 0.7);](https://reader036.fdocuments.in/reader036/viewer/2022062510/612ebd131ecc5158694300b3/html5/thumbnails/16.jpg)
CS 491 / DES 400 Creative Coding Computer Science
Interaction – Key and Button input
GetButtonDown/Up – on the first frame / on release
GetButtonDown: falseGetButton: falseGetButtonUp: true
![Page 17: Colors, Materials, Interaction...Interaction – Key and Button input private var orange : Color = Color(0.8, 0.4, 0.0, 0.7); private var green : Color = Color(0.0, 0.9, 0.2, 0.7);](https://reader036.fdocuments.in/reader036/viewer/2022062510/612ebd131ecc5158694300b3/html5/thumbnails/17.jpg)
CS 491 / DES 400 Creative Coding Computer Science
Interaction – Key and Button input
GetButtonDown/Up – after the first frame / on release
GetButtonDown: falseGetButton: falseGetButtonUp: false
![Page 18: Colors, Materials, Interaction...Interaction – Key and Button input private var orange : Color = Color(0.8, 0.4, 0.0, 0.7); private var green : Color = Color(0.0, 0.9, 0.2, 0.7);](https://reader036.fdocuments.in/reader036/viewer/2022062510/612ebd131ecc5158694300b3/html5/thumbnails/18.jpg)
CS 491 / DES 400 Creative Coding Computer Science
Interaction – Key and Button input
Create new object Sphere, add rigidbody component Create new Script KeyInput.jsAssign script to the sphere
![Page 19: Colors, Materials, Interaction...Interaction – Key and Button input private var orange : Color = Color(0.8, 0.4, 0.0, 0.7); private var green : Color = Color(0.0, 0.9, 0.2, 0.7);](https://reader036.fdocuments.in/reader036/viewer/2022062510/612ebd131ecc5158694300b3/html5/thumbnails/19.jpg)
CS 491 / DES 400 Creative Coding Computer Science
Interaction – Key and Button input
#pragma strictfunction Update (){
if (Input.GetKey ("up"))print ("up arrow key is held down");
if (Input.GetKey ("down"))print ("down arrow key is held down");
if (Input.GetKeyDown(KeyCode.Space))GetComponent.<Rigidbody>().AddForce(transform.forward * 200f);
}
![Page 20: Colors, Materials, Interaction...Interaction – Key and Button input private var orange : Color = Color(0.8, 0.4, 0.0, 0.7); private var green : Color = Color(0.0, 0.9, 0.2, 0.7);](https://reader036.fdocuments.in/reader036/viewer/2022062510/612ebd131ecc5158694300b3/html5/thumbnails/20.jpg)
CS 491 / DES 400 Creative Coding Computer Science
Interaction – Key and Button input
Modify the script to create a new var and assign the second material to the same Cube or Cylinder using mouse button input
Make sure you drag the second material to assign it to the var in the inspector
![Page 21: Colors, Materials, Interaction...Interaction – Key and Button input private var orange : Color = Color(0.8, 0.4, 0.0, 0.7); private var green : Color = Color(0.0, 0.9, 0.2, 0.7);](https://reader036.fdocuments.in/reader036/viewer/2022062510/612ebd131ecc5158694300b3/html5/thumbnails/21.jpg)
CS 491 / DES 400 Creative Coding Computer Science
Interaction – Key and Button inputprivate var orange : Color = Color(0.8, 0.4, 0.0, 0.7);private var green : Color = Color(0.0, 0.9, 0.2, 0.7);var newMaterial : Material;var newMaterial2 : Material;function Update(){if (Input.GetButtonDown("Fire1")){GetComponent.<Renderer>().material.color = orange;newMaterial.color = orange;}if (Input.GetButtonDown("Fire2")){GetComponent.<Renderer>().material.color = green;newMaterial2.color = green;}}
![Page 22: Colors, Materials, Interaction...Interaction – Key and Button input private var orange : Color = Color(0.8, 0.4, 0.0, 0.7); private var green : Color = Color(0.0, 0.9, 0.2, 0.7);](https://reader036.fdocuments.in/reader036/viewer/2022062510/612ebd131ecc5158694300b3/html5/thumbnails/22.jpg)
CS 491 / DES 400 Creative Coding Computer Science
Interaction – Key and Button inputprivate var orange : Color = Color(0.8, 0.4, 0.0, 0.7);private var green : Color = Color(0.0, 0.9, 0.2, 0.7);var newMaterial : Material;var newMaterial2 : Material;function Update(){if (Input.GetButtonDown("Fire1")){GetComponent.<Renderer>().material.color = orange;newMaterial.color = orange;}if (Input.GetButtonDown("Fire2")){GetComponent.<Renderer>().material.color = green;newMaterial2.color = green;}}
![Page 23: Colors, Materials, Interaction...Interaction – Key and Button input private var orange : Color = Color(0.8, 0.4, 0.0, 0.7); private var green : Color = Color(0.0, 0.9, 0.2, 0.7);](https://reader036.fdocuments.in/reader036/viewer/2022062510/612ebd131ecc5158694300b3/html5/thumbnails/23.jpg)
CS 491 / DES 400 Creative Coding Computer Science
Interaction – Key and Button inputAdd RigidBody component to the CylinderIn the Inspector
Uncheck Use Gravity
![Page 24: Colors, Materials, Interaction...Interaction – Key and Button input private var orange : Color = Color(0.8, 0.4, 0.0, 0.7); private var green : Color = Color(0.0, 0.9, 0.2, 0.7);](https://reader036.fdocuments.in/reader036/viewer/2022062510/612ebd131ecc5158694300b3/html5/thumbnails/24.jpg)
CS 491 / DES 400 Creative Coding Computer Science
Interaction – Key and Button inputprivate var orange : Color = Color(0.8, 0.4, 0.0, 0.7);private var green : Color = Color(0.0, 0.9, 0.2, 0.7);var newMaterial : Material;var newMaterial2 : Material;function Update(){if (Input.GetButtonDown("Fire1")){GetComponent.<Renderer>().material.color = orange;newMaterial.color = orange;}if (Input.GetButtonDown("Fire2")){GetComponent.<Renderer>().material.color = green;newMaterial2.color = green;}}
![Page 25: Colors, Materials, Interaction...Interaction – Key and Button input private var orange : Color = Color(0.8, 0.4, 0.0, 0.7); private var green : Color = Color(0.0, 0.9, 0.2, 0.7);](https://reader036.fdocuments.in/reader036/viewer/2022062510/612ebd131ecc5158694300b3/html5/thumbnails/25.jpg)
CS 491 / DES 400 Creative Coding Computer Science
Interaction – Key and Button input
Create addForceScript and assign it to the CylinderDetects mouse clicks on an element
#pragma strict
function OnMouseDown (){
GetComponent.<Rigidbody>().AddForce(transform.forward * 500f);
GetComponent.<Rigidbody>().useGravity = true;}
![Page 26: Colors, Materials, Interaction...Interaction – Key and Button input private var orange : Color = Color(0.8, 0.4, 0.0, 0.7); private var green : Color = Color(0.0, 0.9, 0.2, 0.7);](https://reader036.fdocuments.in/reader036/viewer/2022062510/612ebd131ecc5158694300b3/html5/thumbnails/26.jpg)
CS 491 / DES 400 Creative Coding Computer Science
Interaction – Key and Button input
Use mouse button to test mouse input and the Add Force function
![Page 27: Colors, Materials, Interaction...Interaction – Key and Button input private var orange : Color = Color(0.8, 0.4, 0.0, 0.7); private var green : Color = Color(0.0, 0.9, 0.2, 0.7);](https://reader036.fdocuments.in/reader036/viewer/2022062510/612ebd131ecc5158694300b3/html5/thumbnails/27.jpg)
CS 491 / DES 400 Creative Coding Computer Science
Interaction – Key and Button input
![Page 28: Colors, Materials, Interaction...Interaction – Key and Button input private var orange : Color = Color(0.8, 0.4, 0.0, 0.7); private var green : Color = Color(0.0, 0.9, 0.2, 0.7);](https://reader036.fdocuments.in/reader036/viewer/2022062510/612ebd131ecc5158694300b3/html5/thumbnails/28.jpg)
CS 491 / DES 400 Creative Coding Computer Science
Project Organization
Project > Create >Folder
![Page 29: Colors, Materials, Interaction...Interaction – Key and Button input private var orange : Color = Color(0.8, 0.4, 0.0, 0.7); private var green : Color = Color(0.0, 0.9, 0.2, 0.7);](https://reader036.fdocuments.in/reader036/viewer/2022062510/612ebd131ecc5158694300b3/html5/thumbnails/29.jpg)
CS 491 / DES 400 Creative Coding Computer Science
Project Organization
Assets > Folder >
Rename
• Materials• Scripts• Scenes• Prefabs• Textures• Sounds
![Page 30: Colors, Materials, Interaction...Interaction – Key and Button input private var orange : Color = Color(0.8, 0.4, 0.0, 0.7); private var green : Color = Color(0.0, 0.9, 0.2, 0.7);](https://reader036.fdocuments.in/reader036/viewer/2022062510/612ebd131ecc5158694300b3/html5/thumbnails/30.jpg)
CS 491 / DES 400 Creative Coding Computer Science
Project Organization
Keep your assets organizedBe consistent with naming. If you decide to use camel case for directory names and low letters for assets, stick to that convention.Use lowercase folder namesUse camelCase naming convention if neededSort all the assets in the corresponding foldersDo not store any asset files in the root directory. Use subdirectories whenever possible.Do not create any additional directories in the root directory, unless you really need to.Use 3rd-Party to store assets imported from the Asset Store. They usually have their own structure that shouldn’t be altered.
![Page 31: Colors, Materials, Interaction...Interaction – Key and Button input private var orange : Color = Color(0.8, 0.4, 0.0, 0.7); private var green : Color = Color(0.0, 0.9, 0.2, 0.7);](https://reader036.fdocuments.in/reader036/viewer/2022062510/612ebd131ecc5158694300b3/html5/thumbnails/31.jpg)
CS 491 / DES 400 Creative Coding Computer Science
Project Organization
3rd-PartyAnimationsAudio
– Music– SFX
MaterialsModelsPluginsPrefabs
ResourcesTexturesSandboxScenes
– Levels– Other
Scripts – Editor
Shaders