A browserifyable 3d metamask logo. Live demo.
This repo can both be included as a browserifiable module, and includes a demo app.
const ModelViewer = require('@metamask/logo');
// To render with fixed dimensions:
const viewer = ModelViewer({
// Dictates whether width & height are px or multiplied
pxNotRatio: true,
width: 500,
height: 400,
// pxNotRatio: false,
// width: 0.9,
// height: 0.9,
// To make the face follow the mouse.
followMouse: false,
// head should slowly drift (overrides lookAt)
slowDrift: false,
});
// add viewer to DOM
const container = document.getElementById('logo-container');
container.appendChild(viewer.container);
// look at something on the page
viewer.lookAt({
x: 100,
y: 100,
});
// enable mouse follow
viewer.setFollowMouse(true);
// deallocate nicely
viewer.stopAnimation();- Install the current LTS version of Node.js
- If you are using nvm (recommended) running
nvm installwill install the latest version and runningnvm usewill automatically choose the right node version for you.
- If you are using nvm (recommended) running
- Install Yarn v1
- Run
yarn setupto install dependencies and run any requried post-install scripts- Warning: Do not use the
yarn/yarn installcommand directly. Useyarn setupinstead. The normal install command will skip required post-install scripts, leaving your development environment in an invalid state.
- Warning: Do not use the
The demos can be built with the command yarn demo --all, or a single demo can be built with yarn demo <demo-name>.
Open demo/dist/index.html in a browser to view the demo list.
Run yarn lint to run the linter, or run yarn lint:fix to run the linter and fix any automatically fixable issues.
The project follows the same release process as the other libraries in the MetaMask organization. The GitHub Actions action-create-release-pr and action-publish-release are used to automate the release process; see those repositories for more information about how they work.
-
Choose a release version.
- The release version should be chosen according to SemVer. Analyze the changes to see whether they include any breaking changes, new features, or deprecations, then choose the appropriate SemVer version. See the SemVer specification for more information.
-
If this release is backporting changes onto a previous release, then ensure there is a major version branch for that version (e.g.
1.xfor av1backport release).- The major version branch should be set to the most recent release with that major version. For example, when backporting a
v1.0.2release, you'd want to ensure there was a1.xbranch that was set to thev1.0.1tag.
- The major version branch should be set to the most recent release with that major version. For example, when backporting a
-
Trigger the
workflow_dispatchevent manually for theCreate Release Pull Requestaction to create the release PR.- For a backport release, the base branch should be the major version branch that you ensured existed in step 2. For a normal release, the base branch should be the main branch for that repository (which should be the default value).
- This should trigger the
action-create-release-prworkflow to create the release PR.
-
Update the changelog to move each change entry into the appropriate change category (See here for the full list of change categories, and the correct ordering), and edit them to be more easily understood by users of the package.
- Generally any changes that don't affect consumers of the package (e.g. lockfile changes or development environment changes) are omitted. Exceptions may be made for changes that might be of interest despite not having an effect upon the published package (e.g. major test improvements, security improvements, improved documentation, etc.).
- Try to explain each change in terms that users of the package would understand (e.g. avoid referencing internal variables/concepts).
- Consolidate related changes into one change entry if it makes it easier to explain.
- Run
yarn auto-changelog validate --rcto check that the changelog is correctly formatted.
-
Review and QA the release.
- If changes are made to the base branch, the release branch will need to be updated with these changes and review/QA will need to restart again. As such, it's probably best to avoid merging other PRs into the base branch while review is underway.
-
Squash & Merge the release.
- This should trigger the
action-publish-releaseworkflow to tag the final release commit and publish the release on GitHub.
- This should trigger the
-
Publish the release on npm.
- Be very careful to use a clean local environment to publish the release, and follow exactly the same steps used during CI.
- Use
npm publish --dry-runto examine the release contents to ensure the correct files are included. Compare to previous releases if necessary (e.g. usinghttps://unpkg.com/browse/[package name]@[package version]/). - Once you are confident the release contents are correct, publish the release using
npm publish.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent