repeat - Specify either a number of times to repeat, or you can say indefinite.dur - Specify the duration of the animation (in milliseconds).In addition to the basic animation, there are several other animation attributes that you may want to consider: Use the "animation" attribute of an entity to define how it should animate:Ĭommon properties that you may want to animate include: To set a new starting position, you’ll have to wrap the camera tag inside an a-entity: You can add attributes to the camera using the camera tag The world will have a camera by default, with a default position of 0 0 0. The camera is the user’s viewpoint into the world. Just set the src to be the url for the image you want to use: You can add textures to objects so that their surface looks like an image, rather than a color, using the src attribute. Use this color picker to find the exact color you want for your web page: If using an image, a 360 image should be used for the best effect. The sky can either be a color or an image. The sky element is a way to give the scene a different background than the plain white default. However, you should at least set the rotation, position, and color of the plane by specifying those attributes in the opening tag:Ī box can be created using just the defaults, but you should at least set the position, size, and color of the box:Ī cone can be created using just the defaults, but you should at least set the position, bottom radius, top radius, height, and color: To create a plane using default values for things like color, rotation, etc, you can simply add in an empty plane tag like so: Size and rotation are defined by their three x y z values separated by spaces, such as "0 2 -5"įull list of attributes you can modify Adding a PlaneĪ plane can be added using the tag. You can add a variety of attributes to the opening tag of any object, but the most common will be color, position, size, and rotation.
However, you should at least set the radius, position, and color of the sphere by specifying those attributes in the opening tag: To create a sphere using default values for things like color, radius, etc, you can simply add in an empty sphere tag like so: You can experiment with using colors in your CSS by using the following properties: color, background-color, border-color, border-top-color, border-right-color, border-bottom-color, border-left-color.This is a simple a-frame file skeleton that you can use to get you started on a project.Īll objects should be added inside the element.Ī sphere can be added using the tag. A great example of this type of tool is Adobe Kuler. Lastly, there are many tools online that allow you took pick color schemes. This utility will give you a tiny cursor, and will show you whatever colors you move over. You can find it in Applications/Utilities/DigitalColor Meter. Digital Color Meter To capture a color that you see on your screen, you can use the DigitalĬolor Meter utility that is on all Macs. Webmonkey has a page that simply contains a bunch of swatches of colors and their hex codes. You can also use a color picker online that looks very similar to the Photoshop one. The Adobe Photoshop color palette is easily accessible on all the lab computers. There are a number of options to choose from. To do this, you should use a color picker program.
H1 /* yellow: same as #ffff00 */ How to Pick ColorsĬlearly all of those numbers are not actually conducive to picking good colors. In the example below, we are making a paragraph black, an h1 white, and an unordered list purple. The CSS syntax for using RGB colors is a little different than we've seen before. Don't worry much about the technical details, just how to use them. RGB works the opposite of CMYK, in that none of the colors actually equals black and all of the colors equals white. RGB values are specified for each of the key colors (red, green, blue), using a value between 0 and 255 or a percentage value. Since in web design we're primarily concerned with what web pages look like on screens, RGB is the color model we use. RGB, which stands for red, green, and blue is the color model that monitors use. Most of you have probably heard about CMYK values for print design. Color keywords are most useful for testing and demonstration purposes (like in these pages). The first and easiest way to specify a color is using one of the 17 predefined color keywords.Ĭlearly most of these colors are unsuitable for normal web design. There are three different ways to specify colors in CSS. We've already seen some properties in CSS that take color values. Back to Class Three page » Defining Colors in CSS