Jump to content

how do you make Matrix text animations?


Nerd42
 Share

Recommended Posts

i just started watching the show today and in episode 1 there was this green text in it that looks just like the Matrix and I'm wondering how you make videos of that because I can't ever seem to get it to work right. I've been trying to do it in Macromedia Flash but it takes forever and I can't seem to get the letters to all stay in line like they're supposed to. i must not be doing it right. what can i do? is there a program anywhere to help make little Matrix-like green text things happen? (other than the digital rain screensavers - I've got plenty of those, though mentioning your favorites wouldn't hurt I guess)

Link to comment
Share on other sites

-_-U

U will need:

Photoshop

Flash

A brain

Time

What to do:

goto: http://www.newtutorials.com/matrix-effect-tutorial.htm

make a huge arse one of them like i mean the same width as ur flash project but huge lengh, this is so that u can make it scroll.

Once finished cut a section of the top, and stick it down the botton, (would be tons better if i had photoshop at work so i can show u), u do this so that if u were to print the file and then make a cylinder with the paper, both the ends would join and make a continuless loop.

Next open flash, make a new file, say the width of ur PS, but only 1/10 of the hight, place the PS image into Flash, and set it to scroll downwards, once it gets to the bottom to then loop.

(im sorry ill need to adjust this laster tonght when im home with a copy of PS, and flash, and the action script needed to do the looping)

Link to comment
Share on other sites

I'm not talking about like the falling code screen savers - like i said, I've already got plenty of those

I'm kinda talking about making an animation that just has green text on black, saying like, "USERNAME:" and there's be a blinking cursor, and it would look like somebody's typing, then "PASSWORD:" and ditto and then you know of course it would go on and look kinda like a telnet session or something only it's not real - i want to be able to make it say whatever i want it to, you know, and have all the letters stay in line and look like they're on a real computer screen and all.

like the matrix script says, "a screen, so close that it has no boundaries"

Link to comment
Share on other sites

do it in notepad (or similar) and take a video of the screen?

well that wouldn't work though because it has to make words come back at you - it isn't just a video of somebody typing, it's a video of somebody in an imaginary terminal / telnet session. Besides, that obviously isn't how episode 1 of hak5 was done. Go watch part(s) of hak5 season 1 episode 1 and see when they have green text on black and that's what I'm talking about kinda

Link to comment
Share on other sites

i just started watching the show today and in episode 1 there was this green text in it that looks just like the Matrix and I'm wondering how you make videos of that because I can't ever seem to get it to work right. I've been trying to do it in Macromedia Flash but it takes forever and I can't seem to get the letters to all stay in line like they're supposed to. i must not be doing it right. what can i do? is there a program anywhere to help make little Matrix-like green text things happen? (other than the digital rain screensavers - I've got plenty of those, though mentioning your favorites wouldn't hurt I guess)

VERY EASY, HERES SOME HTML CODE TO DO IT!

JUST REPLACE HAROLDSEARCHNETWORKS WITH YOUR TEXT

<html>

<div id="matrix">HAROLDSEARCHNETWORKS</div>

<body>

<style type="text/css">

.matrix { font-family:Lucida Console, Courier, Monotype; font-size:10pt; text-align:center; width:10px; padding:0px; margin:0px;}

</style>

<script type="text/javascript" language="JavaScript">

<!--

var rows=11; // must be an odd number

var speed=50; // lower is faster

var reveal=2; // between 0 and 2 only. The higher, the faster the word appears

var effectalign="default" //enter "center" to center it.

/***********************************************

* The Matrix Text Effect- by Richard Womersley (http://www.mf2fm.co.uk/rv)

* This notice must stay intact for use

* Visit http://www.dynamicdrive.com/ for full source code

***********************************************/

var w3c=document.getElementById && !window.opera;;

var ie45=document.all && !window.opera;

var ma_tab, matemp, ma_bod, ma_row, x, y, columns, ma_txt, ma_cho;

var m_coch=new Array();

var m_copo=new Array();

window.onload=function() {

if (!w3c && !ie45) return

var matrix=(w3c)?document.getElementById("matrix"):document.all["matrix"];

ma_txt=(w3c)?matrix.firstChild.nodeValue:matrix.innerHTML;

ma_txt=" "+ma_txt+" ";

columns=ma_txt.length;

if (w3c) {

while (matrix.childNodes.length) matrix.removeChild(matrix.childNodes[0]);

ma_tab=document.createElement("table");

ma_tab.setAttribute("border", 0);

ma_tab.setAttribute("align", effectalign);

ma_tab.style.backgroundColor="#000000";

ma_bod=document.createElement("tbody");

for (x=0; x<rows; x++) {

ma_row=document.createElement("tr");

for (y=0; y<columns; y++) {

matemp=document.createElement("td");

matemp.setAttribute("id", "Mx"+x+"y"+y);

matemp.className="matrix";

matemp.appendChild(document.createTextNode(String.fromCharCode(160)));

ma_row.appendChild(matemp);

}

ma_bod.appendChild(ma_row);

}

ma_tab.appendChild(ma_bod);

matrix.appendChild(ma_tab);

} else {

ma_tab='<ta'+'ble align="'+effectalign+'" border="0" style="background-color:#000000">';

for (var x=0; x<rows; x++) {

ma_tab+='<t'+'r>';

for (var y=0; y<columns; y++) {

ma_tab+='<t'+'d class="matrix" id="Mx'+x+'y'+y+'"> </'+'td>';

}

ma_tab+='</'+'tr>';

}

ma_tab+='</'+'table>';

matrix.innerHTML=ma_tab;

}

ma_cho=ma_txt;

for (x=0; x<columns; x++) {

ma_cho+=String.fromCharCode(32+Math.floor(Math.random()*94));

m_copo[x]=0;

}

ma_bod=setInterval("mytricks()", speed);

}

function mytricks() {

x=0;

for (y=0; y<columns; y++) {

x=x+(m_copo[y]==100);

ma_row=m_copo[y]%100;

if (ma_row && m_copo[y]<100) {

if (ma_row<rows+1) {

if (w3c) {

matemp=document.getElementById("Mx"+(ma_row-1)+"y"+y);

matemp.firstChild.nodeValue=m_coch[y];

}

else {

matemp=document.all["Mx"+(ma_row-1)+"y"+y];

matemp.innerHTML=m_coch[y];

}

matemp.style.color="#33ff66";

matemp.style.fontWeight="bold";

}

if (ma_row>1 && ma_row<rows+2) {

matemp=(w3c)?document.getElementById("Mx"+(ma_row-2)+"y"+y):document.all["Mx"+(ma_row-2)+"y"+y];

matemp.style.fontWeight="normal";

matemp.style.color="#00ff00";

}

if (ma_row>2) {

matemp=(w3c)?document.getElementById("Mx"+(ma_row-3)+"y"+y):document.all["Mx"+(ma_row-3)+"y"+y];

matemp.style.color="#009900";

}

if (ma_row<Math.floor(rows/2)+1) m_copo[y]++;

else if (ma_row==Math.floor(rows/2)+1 && m_coch[y]==ma_txt.charAt(y)) zoomer(y);

else if (ma_row<rows+2) m_copo[y]++;

else if (m_copo[y]<100) m_copo[y]=0;

}

else if (Math.random()>0.9 && m_copo[y]<100) {

m_coch[y]=ma_cho.charAt(Math.floor(Math.random()*ma_cho.length));

m_copo[y]++;

}

}

if (x==columns) clearInterval(ma_bod);

}

function zoomer(ycol) {

var mtmp, mtem, ytmp;

if (m_copo[ycol]==Math.floor(rows/2)+1) {

for (ytmp=0; ytmp<rows; ytmp++) {

if (w3c) {

mtmp=document.getElementById("Mx"+ytmp+"y"+ycol);

mtmp.firstChild.nodeValue=m_coch[ycol];

}

else {

mtmp=document.all["Mx"+ytmp+"y"+ycol];

mtmp.innerHTML=m_coch[ycol];

}

mtmp.style.color="#33ff66";

mtmp.style.fontWeight="bold";

}

if (Math.random()<reveal) {

mtmp=ma_cho.indexOf(ma_txt.charAt(ycol));

ma_cho=ma_cho.substring(0, mtmp)+ma_cho.substring(mtmp+1, ma_cho.length);

}

if (Math.random()<reveal-1) ma_cho=ma_cho.substring(0, ma_cho.length-1);

m_copo[ycol]+=199;

setTimeout("zoomer("+ycol+")", speed);

}

else if (m_copo[ycol]>200) {

if (w3c) {

mtmp=document.getElementById("Mx"+(m_copo[ycol]-201)+"y"+ycol);

mtem=document.getElementById("Mx"+(200+rows-m_copo[ycol]--)+"y"+ycol);

}

else {

mtmp=document.all["Mx"+(m_copo[ycol]-201)+"y"+ycol];

mtem=document.all["Mx"+(200+rows-m_copo[ycol]--)+"y"+ycol];

}

mtmp.style.fontWeight="normal";

mtem.style.fontWeight="normal";

setTimeout("zoomer("+ycol+")", speed);

}

else if (m_copo[ycol]==200) m_copo[ycol]=100+Math.floor(rows/2);

if (m_copo[ycol]>100 && m_copo[ycol]<200) {

if (w3c) {

mtmp=document.getElementById("Mx"+(m_copo[ycol]-101)+"y"+ycol);

mtmp.firstChild.nodeValue=String.fromCharCode(160);

mtem=document.getElementById("Mx"+(100+rows-m_copo[ycol]--)+"y"+ycol);

mtem.firstChild.nodeValue=String.fromCharCode(160);

}

else {

mtmp=document.all["Mx"+(m_copo[ycol]-101)+"y"+ycol];

mtmp.innerHTML=String.fromCharCode(160);

mtem=document.all["Mx"+(100+rows-m_copo[ycol]--)+"y"+ycol];

mtem.innerHTML=String.fromCharCode(160);

}

setTimeout("zoomer("+ycol+")", speed);

}

}

// -->

</script>

</body>

</html>

Link to comment
Share on other sites

  • 2 weeks later...
  • 2 years later...

Cheap, easy, crappy way of doing this:

Get on a mac, open terminal. You can customize the terminal window to have a black background with green text. Then use a screen capture program to capture yourself typing into that window. You can use some unix command (slips my mind at the moment) to change the prompt. You can even perform an SSH login to another mac where you customize the welcome message etc.

Sorry, that's a pretty crappy way of doing it, but I guess it works better than some....

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...