Ivan Sutherland Sketchpad Demo 1963

Watch now: History of The Graphical User Interface (GUI): A Wonderful Curse • History of The Graphic...
This video is a TV show made about the software Ivan Sutherland developed in his 1963 thesis at MIT's Lincoln Labs, "Sketchpad, A Man-Machine Graphical Communication System", described as one of the most influential computer programs ever written. This work was seminal in Human-Computer Interaction, Graphics and Graphical User Interfaces (GUIs), Computer Aided Design (CAD), and contraint/object-oriented programming. While watching this video, remember that the TX-2 computer (built circa 1958) on which the software ran was built from discrete transistors (not integrated circuits -it was room-sized) and contained just 64K of 36-bit words (~272k bytes).
mskayyali.com

[@kloakovalimonada]

Absolutely mind-blowing for 1963

[@gloverelaxis]

hard to overstate just how forward-thinking this was in terms of UI design. genius

[@deftgio]

Amazing techniques, this is a beginning of modern 3D and CAD

[@pranitmane]

It's a fascinating piece of history and a testament to the incredible ingenuity of Ivan Sutherland and his team. It's incredible to think that this technology was developed almost 60 years ago!

[@CraveUX]

Man.. never underestimate the pioneers they were actually smarter than us 🙏🙏🙏

[@edenveronica]

It is truly remarkable to see the progress we have made in the field of 2D and 3D CAD systems since their inception. Amazing!

[@YoutubingSince1996]

"surely not with his voice"

[@carstenbecker6277]

Now, this is genious. Graphical interaction with the machine, vector graphics, 3D, flowchart compiler (assembler), object oriented approach. Programmed in machine code , with no experiences in such matters before.

[@SalTarvitz]

Genius*

[@swastikrocker123]

i have to study same drawing algorithms and cohen sutherland clipping algorithm in college it is pain in the ass

[@trevorandrade]

Yes it is. And some of these these capabilities were only recently added to CAD software. Constraints were only added to AutoCad in 2010. 3d constraints are still not possible in autocad. Interestingly sketchpad doesn't just compute geometric constraints. The constraint method almost makes sketchpad into a design spreadsheet.

[@mrbrent62]

They not only were charting new technology, they were also coming up with new terms for what they were doing in the virtual world.

[@leninnow]

Fantastic! Incredible! 60's are the unique time milestone in humankind history, no doubt...

[@ismailcooltube]

This is called REAL innovation

[@fyiaustralia9686]

Ivan Sutherland was a genius. One of his students was Ed Catmull, who founded Pixar.

[@mcwooley]

This looks so comfortable and intuitive. I can almost picture Mr. Rogers drawing a house on one of these.

[@KLINSEYH]

Un genios los que crearon esa tecnología en aquella época.

[@zobook]

This was so adanced for that time, but what's most incredible is the advance in so little time (relatively to all human history). That humongous computer was struggling to update 3 lines, nowadays you can fit in the palm of your hand a computer that updates millions of lines per second.

[@arshemoalla]

What is incredible about this video is that the man doing the demo is not Ivan Sutherland, but his look alike!!

[@gxramirez]

holy cannolis, pretty cool. stumbled upon this while researching for my human interactions course for school. =)

[@FloatingSunfish]

Behold, doujin artists of the future! This is where we came from!

[@alikhawar520]

@7:25 Pac-Man was born.

[@jacobzimmerman3492]

Just letting you know I added this video as a citation to the wikipedia article for computer graphics in the history section, hopefully it stays up! Great find!

[@steamrangercomputing]

The interesting thing is that the first graphics programs like these weren't simple raster editors like paint as you might expect, but rather they were more like CAD programs.

[@TheTehnigga]

It's much more intuitive and better than today's softwares...

[@xuwelkhan]

this is really amazing and great video. i love it.

[@psykowarior]

I love watching video like this. Video of genius inventig the futur from the past.

[@joelaul]

I could cry from this.

[@infirmux]

Still amazing

[@朱延斌]

GENIUS! RESPECT!

[@ryoshoshimizukawa2204]

Unbelievable! I got here through an article. I never thought this things could exist back in the early 60s! The Beatles weren't a thing in America yet haha!

[@danieln6700]

this is pretty inpressive, insane do think they made it when they did, from 10 minutes on thats cool

[@marmaladetoast]

Now I want to make this in Scratch in order to remain faithful to the low-resolution displays, low-power computers and limited colours

[@PiyaliSanyal-gv3ez]

Excellent Enovation.

[@diegzsuarez9048]

In the 60’s to the 80’s, scientists and people would call this revolutionary and called it a step into the new and bright generation. Now in 2022, we have people rambling about the fucking game’s graphics being bad.

[@apprenticerocker9885]

This... and company enforced planned obsolescence: a 2012 phone has far more power than the computer powering this system and it would still be capable of doing its task (streaming, messaging, browsing...) but due to ridiculous software requirements said phone its basically trash 😢

[@Baneslayer]

Playing with Microsoft Paint in 1963

[@zanzibardo]

then we ended up with 30.000 node_modules to draw a rectangle on a screen

[@lutello3012]

Where's the rest of it? The 4:3 screens shown in the video, that's what this shape of this video should look like, kids. I thought we were done with people being upset at seeing black bars on their screen, but censorship continues.

[@tschak909]

Inventing graphic drawing, object representation/manipulation, and constraint tracking all in the same paper.

[@orciuoli]

o começo de tudo... Se vocês forem ver, aqui está a base.

[@microndiamondjenkins566]

awesome!

[@grimsk]

미쳤다는 말 밖에는..

[@bigbadhodad3894]

7:26 PAC MAN is born..

[@fiinzisafk9376]

G E N I O US

[@SalTarvitz]

genius*

[@ivanjelenic5627]

@@SalTarvitz actually, in latin, it's genius

[@HELLADJ]

cool!

[@caueasg]

Nice

[@manitobaerial]

SURELY NOT WITH HIS VOICE!!!!!!! LOL

[@KusanagiMotoko100]

This has to be fake, looks like CGI.

[@jayarikishii]

Key insights 🖥 The Sketchpad demo showcased the concept of a designer and a computer in cooperation, working together to solve a problem step by step, without the designer knowing the exact problem or solution at the outset. 🖊 The sketchpad computer used an oscilloscope and a light pen for graphical communication, enabling the user to draw straight lines and circles, making it a valuable tool for engineering drawings. 💻 The computer understands the geometry of the drawing, allowing for easy manipulation of points and lines, making it possible to correct mistakes with a simple command. 📐 Ivan Sutherland's use of constraints in Sketchpad challenged the notion of traditional drawing methods, showing the potential for computers to assist and enhance artistic processes. 🌌 The idea of nesting pictures within pictures, creating a "picture within a picture" effect, showcases computer graphics' potential power and complexity. 📼 Ivan Sutherland's program successfully expands into three dimensions, showcasing the potential of computer technology in solving complex problems. 🔄 The Sketchpad software allowed for the rotation of objects in a 3D perspective, revolutionizing the way mechanical drawings were created. 🌌 The Sketchpad program created a sense of three-dimensional space by accurately determining where lines should appear and intersect, giving a realistic representation of objects. TLDR: The Sketchpad program revolutionized the field of computer graphics by demonstrating the potential for computers to assist and enhance artistic and engineering processes through graphical communication and manipulation of geometric shapes. 1. 00:00 🖥 Ivan Sutherland demonstrates Sketchpad, a graphical language for problem-solving with computer cooperation, showing the evolution of computers from calculating machines to intelligent human assistants. 1.1 Professor Steven Coons demonstrates a new way for humans to interact with computers through graphic communication. 1.2 Ivan Sutherland demonstrates Sketchpad, a graphical language that allows a designer to solve a problem step by step with the computer's cooperation, in contrast to the traditional approach of understanding the problem and knowing the necessary steps from the outset. 1.3 Computers have evolved from being just calculating machines to being more like human assistants, with the ability to seem intelligent and be more tolerant and flexible in correcting mistakes. 2. 03:22 💻 A demonstration of the Sketchpad program on the TX2 computer, designed for manual intervention and graphical communication with the machine using input/output equipment and a light pen. 3. 04:52 🖊 The Sketchpad program allows for precise and efficient drawing on a computer screen using a light pen and gravity field effect. 3.1 The speaker demonstrates how to use a light pen to draw lines and position points on a computer screen using a gravity field effect. 3.2 The Sketchpad program allows for precise and efficient drawing, with the ability to manipulate and delete elements easily. 4. 06:50 🖥 The Sketchpad demo in 1963 showcased the ability to draw and manipulate drawings using a computer program with applied constraints. 4.1 The speaker demonstrates how to draw circles using a computer program, showing that the pen only looks at the angular position and not the radial position. 4.2 The computer in the Sketchpad demo can create and manipulate drawings by applying constraints to connect points and lines. 5. 08:41 The Sketchpad program allows for easy manipulation and duplication of drawings, including scaling and storing three-dimensional objects for a more realistic representation of the world. 5.1 The speaker demonstrates the capabilities of a program called Sketchpad, which allows for easy manipulation and duplication of drawings, making it useful for repetitive tasks and easy to correct mistakes. 5.2 The speaker demonstrates the ability to manipulate and scale drawings on a computer, showing the concept of a picture within a picture. 5.3 The computer can store and display three-dimensional objects, allowing for a more realistic representation of the world. 6. 11:56 🖥 The speaker demonstrates the ability to rotate and draw in 3D space using a single point. 6.1 The speaker demonstrates the ability to rotate a wireframe object in a 3D space, showing different views and perspectives. 6.2 The speaker demonstrates the ability to draw in three dimensions using a single point and discusses the possibility of drawing complex shapes such as automobiles. 7. 14:38 🖥 The Sketchpad program demonstrates the creation and manipulation of 3D models, focusing on accurately representing and positioning solid objects in three-dimensional space. 7.1 The program aims to understand and learn about handling three-dimensional objects, with a focus on representing solid objects and manipulating them with the computer. 7.2 The speaker demonstrates the ability to create and manipulate 3D models in a computer program, showing how the program can accurately display the intersection and positioning of objects in three-dimensional space. 8. 16:40 🖥 Sketchpad allows for creating flowcharts and precise shapes, manipulating designs and behaviors without needing to draw exactly at the beginning. 8.1 The speaker demonstrates using Sketchpad to create flowcharts for programming, allowing for direct translation into a compiled program without the need for transcription. 8.2 The speaker demonstrates the use of constraints in the design process using a computer program to create precise shapes. 8.3 You can easily manipulate the design and behavior of a part in the Sketchpad program without having to draw it exactly at the beginning, and you can also call up copies of master pictures.

[@vitamin2kill]

Master element in 1963! Mindblowing!🤯

[@av0ccad0]

thanks to this guy for making call of duty posters in blender now

[@ArturoVelazquez3]

The host is noticeable surprised about the size of the "paper", as well as the fact that you can zoom in and out. We are all used to fancy computer programs and changing things on the fly nowadays, but all they had back then was single use, non re-editable pen and paper. Also, the wireframe models were enough to blow anyone's mind, mine included. It was not enough for them, they went all the way to make it hide the lines behind faces to make the models look solid. All that in a transistor based machine. Seriously, let that sink in...

[@BigSavageG]

Yeah it is magnificent.

[@MariusMerchiers]

He was 50 years before his time. He was the grandfather of VR and touch screens!

[@AHPcameron]

Ivan was truly ahead of his time. Nuts to see how far 3D modelling has come.

[@BigSavageG]

I am really shocked they could do something like that in 63. I thought it would be possible in 70's but not in the beginning in 60's. Nice to be wrong and magnificent to have possibility to see this video.

[@8BitNaptime]

Just *wait* till you find out about SAGE!

[@soundsidecolour]

@@8BitNaptime what's SAGE?

[@8BitNaptime]

@@soundsidecolour It's the Semi-Automatic Ground Environment, check into it.

[@wilosaur]

I love that moment when he's searching for the word zoom but doesn't have it in that context yet.

[@mcwooley]

This was during Pablo Picasso's lifetime. Think about these questions (answers not needed, just think)... What would he have done on this vector graphics station? How accessible would his work be today? If he was in this film, would that promote this machine? Or would he struggle with the knobs and buttons and demote it? One thing is for sure, I learned a lot about drawing from this video. I use IvyDraw, Grapholite Vector Art Studio, InkScape, Stick Nodes, and Blender, and SpaceDraw the same way as Mr. Sutherland was using Sketchpad.

[@VTMovieMaker]

you do because his concepts remain relevant

[@RumeshaJeyavudeen]

1963..starting a decade prior. Honestly, this is all insane

[@puffer_fish58]

this is absolute genius.

[@decayofarise]

e eu usando o autocad com mouse, revoltado hehehehe

[@HiddenAyutthaya]

Hi. I' am Achirawich from Thailand. I'd like to ask for your permission to show your very interesting this youtube video " Ivan Sutherland Sketchpad Demo" to use in documentary about Virtual Reality on a TV program which broadcast on Thai PBS, Thailand Best, Achirawich Antapant

[@interfacestudies]

It's not my clip but happy for you to use it from this channel.

[@HiddenAyutthaya]

@@interfacestudies Thank you. That’s very kind of you.

[@kwgm8578]

Evans and Sutherland, founded in 1968 by Dave Evans and Ivan Sutherland, is still a leader in computer graphics, today.

[@redeye007]

Imagine if Toy Story was made in the 60s. I’m surprised Disney didn’t see this and try to make a movie out of this.

[@desarrollou71x72]

60's was the most important decade for progress and science.. Man in front of an "intelligent" machine, and at the end walking into the Moon.

[@LOVELOVE-rp9cn]

So amazing.... 1963... How genius....

[@smadaf]

What's the point in chopping off the top and bottom of the picture?

[@did3d523]

wow first boleen 3d 1963

[@gardeniamartinez3451]

Interesting, there are endless possibilities one could create to innovate something new with technology like this. I'd imagine a software program like so could easily assist fashion designers draft the perfect ideas. Fashion design software programs already exist but I'm envisioning some sort of software program with specific design elements and templates you could stack one by one (sleeves, pockets, ruffles etc). Then you could decide the texture, material, fabric, pattern, etc later after designing the actual piece. That might exist already too who knows I will have to do my research.

[@PropaneWP]

It's interesting how he refers to the potential of highly scalable drawing as "real nightmare material". I've had a similar fever dream once.

[@DSC800]

Sixty years ago! Makes you wonder what will be 60 years from now. I can't wait!

[@poyocadena]

El que pregunta que se ponga a diseñar formas mas complejas, no que nada mas critica :V

[@gabsiazon2763]

Ahh zarado

[@christianagueroromero428]

Alguien lo tiene en español unu

[@InternetProgrammer]

Just in case you wanna read the MIT thesis here is the link and if someone finds and html/JS implementation of it please do post the link. dspace.mit.edu/bitstream/handle/1721.1/14979/15036306-MIT.pdf?sequence=1&isAllowed=y