Skip to content
Q42 logorepo
JavaScript HTML CSS Shell
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
demo
favicons
fonts
lib
src
.editorconfig
CNAME
Factsheet.svg
README.md
compile.sh
deploy.sh
index.html
manifest.json
q42-favicon.png
q42-logo-big.png
q42-logo-black-big.png
q42-logo-black.png
q42-logo-black.svg
q42-logo-guitar.png
q42-logo-nerd.png
q42-logo-pride.svg
q42-logo-white-big.png
q42-logo-white.png
q42-logo-white.svg
q42-logo.dxf
q42-logo.eps
q42-logo.png
q42-logo.stl
q42-logo.svg
q42.js
q42.js.gz
q42logo-a.js
q42logo.js
style.css

README.md

Q42 logo

The world's first code logo.

Compile

compile.sh creates the final q42.js

Deploy

deploy.sh compiles and deploys to static.q42.nl, assuming you have access rights to it

How to create a canvas2d module

  • Duplicate canvas-demo.js
  • Rename the module in all places eg line 2 AND line 7
  • Override any method as needed, starting with draw()

Modules: scaling, and going beyond the boundaries

By default, your canvas element is sized as a regular image with the logo touching all edges. You are expected to render a logo that defaults to that same visual size, even if you enlarge the canvas for funky effects:

how to size

You can’t perform that action at this time.