Skip to content

Latest commit

 

History

History
173 lines (87 loc) · 5.25 KB

notes.md

File metadata and controls

173 lines (87 loc) · 5.25 KB

Exploratoria » Notes

View as web page

Coding Style & Colophon

Style

The coding style of an app should follow the style of the most-used library of the app.

In the instance of a Three.js script, the style generally follows Mr.doob Coding Style.

  • Code generally follows the Three.js examples coding style more than the source code style
    • Functions are functions not variables
    • Uses init() and animate() functions
    • Loads libraries from GitHub via a CDN
    • No external js or css files other then standard Three.js files
    • In other words, code for dummies

Absolute URLs are recommended for items that would otherwise have issues with loading into Code-Edit-View.

Browser Support

Many of the scripts in Exploratoria are built using the Three.js library which in turn is based on WebGL.

WebGL runs only on relatively recent computers and browsers

See: http://caniuse.com/#feat=webgl for current browser support.

Given the dependence on WebGL, it makes little sense for Exploratoria to support browsers that are not WebGL-enabled.

Furthermore, the intent of Exploratoria is to entice youngsters and oldsters into the joys of programming.

Writing scripts that contain work-arounds to support old browsers is one of the anti-joys of programming.

Thus, we will write scripts for devices and OSs and browsers that support WebGL.

We will leave out the cruft required by old browsers. We will code in a style that is as fresh and as modern as possible.

Markdown

Markdown is used extensively with the Showdown converter.

See Markdown Basics

Fonts

The font used here is the the default 'monospace' font as determined by your browser. This is because it is the most common font used to write scripts.

Versioning

Content Delivery Networks (CDN)

In order to prevent scripts breaking due to changes in new revsions, Exploratorion links libraries that are used to CDN

CDNs used:

As in:

<script src=https://cdn.jsdelivr.net/gh/mrdoob/three.js@r80/build/three.min.js></script>  
<script src=https://cdn.jsdelivr.net/gh/mrdoob/three.js@r80/examples/js/controls/OrbitControls.js></script>
<script src=https://cdn.jsdelivr.net/gh/mrdoob/three.js@r80/examples/js/libs/stats.min.js></script>  

Links of Interest

Who and what do we like in terms of content, appearance and behavior?

JavaScript-based source code editors

Wikipedia: Comparison of JavaScript-based source code editors

Ace

Orion

CodeMirror

Google Trends Report

See also these text editors

TinyMCE

CK Editor

Online 3D Editors

Mr.doob's HTML Editor

Chris Strom's ICE Code Editor

Bricks and Mortar Science

Wikipedia List of Science Museums

List of science centers in the United States

List of citizen science projects

Online Science

http://www.msichicago.org/online-science/

http://scienceonline.com/

https://www.time4learning.com/science.shtml

https://phet.colorado.edu/

http://www.edheads.org/

https://lagunita.stanford.edu/courses/Engineering/CS101/Summer2014/about

https://www.khanacademy.org/

https://www.codecademy.com/

http://www.go-lab-project.eu/frontpage

http://www.golabz.eu/

https://www.zooniverse.org/

http://www.citizensciencealliance.org/index.html

http://www.planetseed.com/

http://www.sciencebuddies.org/science-activities

https://www.googlesciencefair.com/en/

http://www.informedbynature.org/science-fair-projects/index/

https://www.madewithcode.com

https://code.org/

https://scratch.mit.edu/