Comments (8)
Also something I noticed is that the new movie confirms that there IS a glyph for the number 6, which is also reversed like the 9 digit
from matrix.
Hi there! Good questions.
If you don't mind, I'll first respond by copying my explanation on Reddit:
I've got the vector outlines of my rendition if you want it, but it is absolutely a sketchy preliminary version, and people who like things to look right when you zoom in may be a bit disappointed.
The glyphs in this promo occupy a grid. Photoshop lets you import frames from an MP4, export them as individual files, adjust all their levels and then batch-slice them into a grid. That's how I got a folder full of 156,996 22x22-pixel PNGs. With a few other tricks, if you sort them by size you can separate the wheat from the chaff.
To vectorize them, I skimmed a few suspect Unicode blocks. Fun fact: you can script Fontforge to export all the glyphs in a font as SVGs, which is how I got the folder full of 2,360 vector files. About 75 of these look either exactly like what the VFX folks put in the new code rain, or close enough to spend maybe ten minutes on each glyph.
I couldn't find the last two rows of symbols, give or take, so I assembled them from pieces of the rest, which is a good first step to how you make a font look consistent.
So. What are these glyphs?
The digits, the letter Z, and a bunch of math symbols are from Chicago, just like the Wachowskis. Simon Whiteley at Animal Logic, who designed the original Matrix glyphs, is commonly quoted as saying the backwards katakana that make up the rest of the classic glyphs "came from" a sushi recipe book. They were modified quite a bit. His colleague Lindsay Fleay recently spoke a bunch more about this original creative process. One interesting takeaway is that there were way more glyphs in Whiteley's set, which they pared down to the ones we saw in the original trilogy.
Now for the new ones.
You've got your Buginese, your Kayah Li, a little Phags Pa or maybe Tibetan, some Kannada, some Mongolian maybe in a particular font — my unfamiliarity with these alphabets, their cultures and their fonts is really doing me in here — they might have modified some Saurashtra, but from a font I can't find. The rest of the symbols I rebuilt by hand, more or less, with the trailer glyphs serving as a reference, but I suspect someone who knows more languages than me could identify what I couldn't.
It's possible that a bunch of these glyphs are from Simon Whiteley's original expanded set. Animal Logic is an Australian studio, and as far as I can tell, all these scripts are from cultures geographically between India, Australia and Japan. On the other hand, they could also be new contributions that reflect the aesthetic decisions (and cultural biases) of the team working on Resurrections. I'd like to try reaching out and asking a VFX artist after the film is released.
from matrix.
Short version: I made the shapes by modifying glyphs from common Unicode web fonts and then cobbling together whatever I couldn't find. They're in an Adobe Illustrator file I have on Dropbox, but am leaving out of the repo for now.
I have considered inserting them into a font, but there is one major obstacle: I'd have to choose which character each glyph represents. This was way, way easier with the original glyph set, because those symbols were quickly identifiable. I still don't know where some of the new glyphs come from. I could just assign the glyphs to arbitrary characters, the way icon fonts do, but I don't think that would be an easy font to use.
I think what you really want is this— a folder of SVG files, where each one contains a single glyph— which I've also got on Dropbox. That way, you have total freedom of their format; you can drop them into IcoMoon if you want, or you can use them as images, or you can bake them into a texture.
It made sense a few years ago to keep individual files of the original glyphs in this repo, when I included only one font, but even then I inadvertently broke git on people's Windows machines for naming them like +.svg
. I'm also more comfortable hosting the MSDF pngs, because they're clearly derived works, in case someone's angry about my glyph recovery techniques for whatever reason.
Either way, I hope this helps. Feel free to also reach out on Twitter or through my contact page if you want to talk shop. Cheers!
from matrix.
Do you have a version of the Operator code except that it uses the glyphs from Matrix Resurrections?
from matrix.
That's a good feature request. I'll try adding the ability to specify which glyph set to use in the URL.
from matrix.
Here you go!
http://rezmason.github.io/matrix/?version=operator&font=resurrections
The font names are now all listed in the README, too,.
If you have any other requests, please file separate issues for them, so I can track them individually. Thanks for taking an interest in this project!
from matrix.
I think what you really want is this— a folder of SVG files, where each one contains a single glyph— which I've also got on Dropbox. That way, you have total freedom of their format; you can drop them into IcoMoon if you want, or you can use them as images, or you can bake them into a texture.
The link doesn't work
from matrix.
I noticed that too! Also their asterisk is shaped differently than the one in my current glyph sets, and I'll need to investigate that further.
from matrix.
Related Issues (20)
- Instructions for running on localhost, or a server on my LAN? HOT 2
- skipOutro HOT 1
- Major Feature: dynamic parameters HOT 2
- Image displays upside-down with effect=image HOT 5
- Colors and intensities of glint and cursor should be separate properties— and colors should stay within their gamuts HOT 2
- Not an issue, congrats for this project HOT 1
- Background color with opacity or transparent HOT 1
- Feature Request: add an appropriate sound effect for falling digital rain HOT 4
- Feature Request: Animate between a "start" width and a "final" width HOT 2
- Request : ability to change every setting HOT 1
- Feature Request: render the effect to a transparent canvas HOT 1
- Improvement: modify the "operator" version to more closely resemble the effect in the original film HOT 2
- Feature Request: support Spout or NDI output HOT 1
- Unexpected behavior: intro with negative fallSpeed fills the screen with cursors HOT 2
- Change default version HOT 2
- Set as Windows Terminal background
- Missing "6" character in custom font HOT 1
- Request: Set a custom image via JavaScript as a base64 string HOT 2
- Custom fonts and symbols
- gap option
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from matrix.