fun!   101

« earlier    

Introduction – A-Frame
Introduction
Getting Started
A-Frame can be developed from a plain HTML file without having to install anything. A great way to try out A-Frame is to remix the starter example on Glitch, an online code editor that instantly hosts and deploys for free. Alternatively, create an .html file and include A-Frame in the <head>:
<html>
<head>
<script src="https://aframe.io/releases/0.8.0/aframe.min.js"></script>
</head>
<body>
<a-scene>
<a-box position="-1 0.5 -3" rotation="0 45 0" color="#4CC3D9"></a-box>
<a-sphere position="0 1.25 -5" radius="1.25" color="#EF2D5E"></a-sphere>
<a-cylinder position="1 0.75 -3" radius="0.5" height="1.5" color="#FFC65D"></a-cylinder>
<a-plane position="0 0 -4" rotation="-90 0 0" width="4" height="4" color="#7BC8A4"></a-plane>
<a-sky color="#ECECEC"></a-sky>
</a-scene>
</body>
</html>
The Installation page provides more options for getting started with A-Frame. To get started learning A-Frame, check out A-Frame School for visual step-by-step lessons to complement the documentation.
What is A-Frame?
-Frame is a web framework for building virtual reality (VR) experiences. Originally from Mozilla, A-Frame was developed to be an easy but powerful way to develop VR content. As an independent open source project, A-Frame has grown to be one of the largest and most welcoming VR communities.
A-Frame is based on top of HTML, making it simple to get started. But A-Frame is not just a 3D scene graph or a markup language; the core is a powerful entity-component framework that provides a declarative, extensible, and composable structure to three.js.
A-Frame supports most VR headsets such as Vive, Rift, Windows Mixed Reality, Daydream, GearVR, Cardboard, and can even be used for augmented reality. Although A-Frame supports the whole spectrum, A-Frame aims to define fully immersive interactive VR experiences that go beyond basic 360° content, making full use of positional tracking and controllers.
Features
VR Made Simple: Just drop in a <script> tag and <a-scene>. A-Frame will handle 3D boilerplate, VR setup, and default controls. Nothing to install, no build steps.
Declarative HTML: HTML is easy to read, understand, and copy-and-paste. Being based on top of HTML, A-Frame is accessible to everyone: web developers, VR enthusiasts, artists, designers, educators, makers, kids.
Cross-Platform VR: Build VR applications for Vive, Rift, Windows Mixed Reality, Daydream, GearVR, and Cardboard with support for all respective controllers. Don’t have a headset or controllers? No problem! A-Frame still works on standard desktop and smartphones.
Entity-Component Architecture: A-Frame is a powerful three.js framework, providing a declarative, composable, reusable entity-component structure. HTML is just the tip of the iceberg; developers have unlimited access to JavaScript, DOM APIs, three.js, WebVR, and WebGL.
Performance: A-Frame is optimized from the ground up for WebVR. While A-Frame uses the DOM, its elements don’t touch the browser layout engine. 3D object updates are all done in memory with little overhead under a single requestAnimationFrame call. For reference, see A-Painter, a Tilt Brush clone built in A-Frame that runs like native (90+ FPS).
Tool Agnostic: Since the Web was built on the notion of HTML, A-Frame is compatible with most libraries, frameworks, and tools including React, Preact, Vue.js, d3.js, Ember.js, jQuery.
Visual Inspector: A-Frame provides a handy built-in visual 3D inspector. Open up any A-Frame scene, hit <ctrl> + <alt> + i, and fly around to peek under the hood!
Components: Hit the ground running with A-Frame’s core components such as geometries, materials, lights, animations, models, raycasters, shadows, positional audio, text, and Vive / Touch / Windows Motion / Daydream / GearVR / Cardboard controls. Get even further with community components such as particle systems, physics, multiuser, oceans, mountains, speech recognition, motion capture, teleportation, super hands, and augmented reality.
Off You Go!
If it’s your first time here, here’s a plan for success for getting into A-Frame:
For inspiration, check out what other people have built with A-Frame on the Weekly Blog. Users of A-Frame have included The Washington Post, Amnesty International, Google, Al Jazeera, NPR, Shopify, iStaging, IDEO, and Supermedium.
Read through the basic documentation and guides to get a grasp.
Run through A-Frame School, a brief step-by-step visual tutorial.
Join us on Slack and if you have any questions, search and ask on StackOverflow, and someone will get right to you!
When you build something, share your project online and we’ll feature it on A Week of A-Frame!
Have  fun!  from iphone
august 2018 by kgiverson
The Process — Yeast Art
he process from plasmid design to work of art!
The yeast colors are first built on a plasmid with a pigment gene. This plasmid also gives an antibiotic resistance.
Various yeast colors in our pallet. From left to right: white (wild type yeast with our selective marker), grey (violacien), black (violacien), light yellow (beta-carotene), dark orange (beta-carotene), light orange/dark yellow (beta-carotene), pink (RFP), purple (violacien), blue (anemone gene). Yeast pigments curtesy of Leslie Michell and Micheal Shen.
lab  lab.class  fun! 
april 2017 by Phosphorelated
Literary-Themed Benches In London Celebrate A Summer Of Reading - PSFK
Public art installations throughout city celebrate a renewed interest in reading among youth.
FUN!  #london  #summer  #books 
july 2014 by beckymcmichael

« earlier    

related tags

#books  #ff  #london  #seo2008  #summer  -  12  4visitors  @bodenclothing  @bodenusa  @pinterest  @sccornwell:  _useful_sites  and  anidifranco  apartmenttherapy  archive  art  back  be  benedict  blog  blogs  boards  boden's  bully  cars  chicago  clever  clothes  clothing  cocktails  collage  color  comic  comics  coursedevelopment  cumberbatch  design  dogs  ecards  facial_recognition  factors  fashion  favorites  fic  filetype:jpg  film  films  filters  friends  fun  funny  games  good_idea  googlereader  grammar  graphic  grinch  have  heaps  http://t.co/kqk4n0fi  humor  i'm_not_a_pug_you're_a_pug!  i_don't_want_a_dog_that_looks_like_me_because_what_if_people_start_getting_us_confused?  icecubetray  id  iffy  ifttt  illustration  in  infographics  interiordesign  internet  it's  its  it’s  joss  lab.class  lab  leverage  logic  lovin'  luca!  makethis  manipulation:  media:image  misc:movies  movie.  movies  music  names  new  neworleans  of  oughta  paint  penalties  pets  pinterest  pipo-kun  political  posters  pretty  queue  quizzes  random  read  rec  recipes  reference  roppongi  rt  sarah.  says:  scavhunt  seo  seo2008  sg-1  shopping  simpsons  snark  socialnet  sure_why_not  thanks  the  theater  theatre  theoffice  this!  to_watch  tokyo  tokyowithkids  tools  tumblr  tv  tv:  typography  uchicago  ugly  ugly_duckling  voices  was  website  when  wifi  x-files  youtube  |  日本語 

Copy this bookmark:



description:


tags: