Xin Chen ryancat

Webgl related notes

Resources are referenced from the following links:

webgl is a state machine and a graphic pipeline. It holds an internal state and allow user update them.
When ready to render, there are a handful of methods webgl provides to 'clear' the viewport, with the current internal state defined.
We are always drawing 3D object in canvas using webgl.

Clone your gist (replace <hash> with your gist's hash):

# with ssh
git clone [email protected]:<hash>.git mygist

# with https

Below is the list of modern JS frameworks and almost frameworks – React, Vue, Angular, Ember and others.

All files were downloaded from https://cdnjs.com and named accordingly. Output from ls command is stripped out (irrelevant stuff)

$ ls -lhS
566K Jan 4 22:03 angular2.min.js

	#!/bin/bash

	# Must have git, homebrew, and xcode to install
	# Make sure to change line 29 and line 30 according to your mac OS and xcode versions

	# Install ninja compiler
	brew install ninja

	# Install CMake for makefile
	brew install cmake

	Hi All!

	I've recently launched a tool that wraps many of the commands here with a user interface. This desktop application is currently available for macOS. There's a roadmap outlining planned features for the near future.
	Feel free to request any features you'd like to see, and I'll prioritize them accordingly.
	One of the most important aspects of this application is that every command executed behind the scenes is displayed in a special log section. This allows you to see exactly what’s happening and learn from it.

	Here's the link to the repository: https://github.com/Pulimet/ADBugger

	App Description:
	ADBugger is a desktop tool designed for debugging and QA of Android devices and emulators. It simplifies testing, debugging, and performance analysis by offering device management, automated testing, log analysis, and remote control capabilities. This ensures smooth app performance across various setups.

	{
	"jest": {
	"moduleFileExtensions": [
	"js",
	"json",
	"jsx",
	"node",
	"coffee"
	],
	"preprocessorIgnorePatterns": [ ],

	/* https://fonts.google.com/specimen/Roboto?selection.family=Roboto:300,400,500,700 https://www.fontsquirrel.com/tools/webfont-generator */
	@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAGSwABMAAAAAtfwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABqAAAABwAAAAcZSXU3EdERUYAAAHEAAAAlQAAAOYXGhVYR1BPUwAAAlwAAAdrAAAQ5noXPxxHU1VCAAAJyAAAATQAAAKy3SOq409TLzIAAAr8AAAAUwAAAGCgNqyhY21hcAAAC1AAAAGPAAAB6gODigBjdnQgAAAM4AAAAEIAAABCEToKw2ZwZ20AAA0kAAABsQAAAmVTtC+nZ2FzcAAADtgAAAAIAAAACAAAABBnbHlmAAAO4AAATFsAAIy8VrEAaGhlYWQAAFs8AAAAMwAAADYN24w7aGhlYQAAW3AAAAAgAAAAJA8tBb1obXR4AABbkAAAAnoAAAOqnWlWT2xvY2EAAF4MAAAByQAAAdgbwD2ObWF4cAAAX9gAAAAgAAAAIAIIAaduYW1lAABf+AAAAc0AAAPGOTyS+XBvc3QAAGHIAAAB8gAAAu/ZWLW+cHJlcAAAY7wAAADqAAABofgPHd13ZWJmAABkqAAAAAYAAAAGcF9X0gAAAAEAAAAAzD2izwAAAADE8BEuAAAAANP4IN542h3P2UoCYBBA4fP/eO1D+KiVCppaKC64laaCuaK44NqLdJngU3RqDgPfXA4BSLrf/E0kReDBfeTJK22BjEWy5HSeZ12gqEu86FfKukJV1yxQt0iDpm7R1h26+s0i7/R0nw89sMDQIiPG+p

	// NOTICE 2020-04-18
	// Please see the comments below about why this is not a great PRNG.

	// Read summary by @bryc here:
	// https://github.com/bryc/code/blob/master/jshash/PRNGs.md

	// Have a look at js-arbit which uses Alea:
	// https://github.com/blixt/js-arbit

	/**

	var express = require('express');
	var session = require('express-session');
	var cookieParser = require('cookie-parser');
	var flash = require('connect-flash');
	var app = express();

	app.use(cookieParser('secret'));
	app.use(session({cookie: { maxAge: 60000 }}));
	app.use(flash());