Lively Kernel canvas {"x":0,"y":0} {"x":-3,"y":-3,"width":6,"height":6} null {"x":0,"y":0} null "positionInLowerLeftCorner" 1000 2.6919597959942267 Wikicontrol{"x":-8.768964454908769,"y":-4.806793358211621} "Wiki control" {"x":-11.768964767456055,"y":-7.806793212890625,"width":83,"height":24.200000762939453} true 0 {"x":0,"y":0} {"x":-3,"y":-3,"width":6,"height":6} null (10)ApplicationsandWidgets{"x":123.63656343402045,"y":7.517944837304583} 18 "(10) Applications and Widgets" {"x":120.63656616210938,"y":4.517944812774658,"width":325.3634338378906,"height":39.79999923706055} 18 true null "(9) Display Themes" 1 "(9) Display Themes" "(10) Applications and Widgets" null {"x":11,"y":6,"width":0,"height":0} 0 {"runs":[29],"values":[{"style":"italic"}]} {"runs":[18],"values":[{"style":"italic"}]} {"x":0,"y":0} {"x":-3,"y":-3,"width":6,"height":6} null {"x":0,"y":0} null "positionInLowerLeftCorner" 1000 0.13528189175969263 Wikicontrol{"x":-8.768964454908769,"y":-4.806793358211621} "Wiki control" {"x":-11.768964767456055,"y":-7.806793212890625,"width":83,"height":24.200000762939453} true 0 {"x":0,"y":0} {"x":-3,"y":-3,"width":6,"height":6} null {"x":0,"y":0} null "positionInLowerLeftCorner" 1000 1.6922796108322946 Wikicontrol{"x":-8.768964454908769,"y":-4.806793358211621} "Wiki control" {"x":-11.768964767456055,"y":-7.806793212890625,"width":83,"height":24.200000762939453} true 0 {"x":0,"y":0} {"x":-3,"y":-3,"width":6,"height":6} null {"x":0,"y":0} null "positionInLowerLeftCorner" 1000 0.596443753877887 Wikicontrol{"x":-8.768964454908769,"y":-4.806793358211621} "Wiki control" {"x":-11.768964767456055,"y":-7.806793212890625,"width":83,"height":24.200000762939453} true 0 {"x":0,"y":0} {"x":-3,"y":-3,"width":6,"height":6} null {"x":0,"y":0} null "positionInLowerLeftCorner" 1000 0.5739627593642067 Wikicontrol{"x":-8.768964454908769,"y":-4.806793358211621} "Wiki control" {"x":-11.768964767456055,"y":-7.806793212890625,"width":83,"height":24.200000762939453} true 0 {"x":0,"y":0} {"x":-3,"y":-3,"width":6,"height":6} null {"x":0,"y":0} null "positionInLowerLeftCorner" 1000 2.12768750687352 Wikicontrol{"x":-8.768964454908769,"y":-4.806793358211621} "Wiki control" {"x":-11.768964767456055,"y":-7.806793212890625,"width":83,"height":24.200000762939453} true 0 {"x":0,"y":0} {"x":-3,"y":-3,"width":6,"height":6} null {"x":0,"y":0} null "positionInLowerLeftCorner" 1000 0.04985060783128014 Wikicontrol{"x":-8.768964454908769,"y":-4.806793358211621} "Wiki control" {"x":-11.768964767456055,"y":-7.806793212890625,"width":83,"height":24.200000762939453} true 0 {"x":0,"y":0} {"x":-3,"y":-3,"width":6,"height":6} null {"x":0,"y":0} null "positionInLowerLeftCorner" 1000 0.11143051549700675 Wikicontrol{"x":0,"y":0} "Wiki control" {"x":-3,"y":-3,"width":83,"height":24.200000762939453} true 0 {"x":0,"y":0} {"x":-3,"y":-3,"width":6,"height":6} null {"x":0,"y":0} null "positionInLowerLeftCorner" 1000 1.5529674606261052 Wikicontrol{"x":0,"y":0} "Wiki control" {"x":-3,"y":-3,"width":83,"height":24.200000762939453} true {"x":0,"y":0} {"x":-3,"y":-3,"width":6,"height":6} null {"x":0,"y":0} null "positionInLowerLeftCorner" 1000 1.658280877214983 Wikicontrol{"x":0,"y":0} "Wiki control" {"x":-3,"y":-3,"width":83,"height":24.200000762939453} true {"x":0,"y":0} {"x":-3,"y":-3,"width":6,"height":6} null {"x":0,"y":0} null "positionInLowerLeftCorner" 1000 0.3526946634353478 Wikicontrol{"x":0,"y":0} "Wiki control" {"x":-3,"y":-3,"width":83,"height":24.200000762939453} true {"x":0,"y":0} {"x":-3,"y":-3,"width":6,"height":6} null {"x":0,"y":0} null "positionInLowerLeftCorner" 1000 0.39090442859955427 Wikicontrol{"x":0,"y":0} "Wiki control" {"x":-3,"y":-3,"width":83,"height":24.200000762939453} true {"x":0,"y":0} {"x":-3,"y":-3,"width":6,"height":6} null {"x":0,"y":0} null "positionInLowerLeftCorner" 1000 0.15242869675351234 Wikicontrol{"x":0,"y":0} "Wiki control" {"x":-3,"y":-3,"width":83,"height":24.200000762939453} true {"x":0,"y":0} {"x":-3,"y":-3,"width":6,"height":6} null Top{"x":78,"y":-1} 14 "Top" {"x":75,"y":-4,"width":52,"height":26.733333587646484} 3 false null "This is a TextMorph" 1 "This is a TextMorph" "Top" null {"x":9,"y":4.666666666666667,"width":0,"height":0} {"runs":[3],"values":[{"color":"blue","link":"onlinetutorial.xhtml"}]} {"x":0,"y":0} {"x":-3,"y":-3,"width":6,"height":6} null {"x":0,"y":0} null "positionInLowerLeftCorner" 1000 0.668114183502329 Wikicontrol{"x":0,"y":0} "Wiki control" {"x":-3,"y":-3,"width":83,"height":24.200000762939453} true {"x":0,"y":0} {"x":-3,"y":-3,"width":6,"height":6} null {"x":0,"y":0} null "positionInLowerLeftCorner" 1000 1.3424956306268658 Wikicontrol{"x":0,"y":0} "Wiki control" {"x":-3,"y":-3,"width":83,"height":24.200000762939453} true {"x":0,"y":0} {"x":-3,"y":-3,"width":6,"height":6} null {"x":0,"y":0} null "positionInLowerLeftCorner" 1000 2.9728780185530446 Wikicontrol{"x":0,"y":0} "Wiki control" {"x":-3,"y":-3,"width":83,"height":24.200000762939453} true {"x":0,"y":0} {"x":-3,"y":-3,"width":6,"height":6} null {"x":0,"y":0} null "positionInLowerLeftCorner" 1000 1.5879426835757395 Wikicontrol{"x":0,"y":0} "Wiki control" {"x":-3,"y":-3,"width":83,"height":24.200000762939453} true {"x":0,"y":0} {"x":-3,"y":-3,"width":6,"height":6} null {"x":0,"y":0} null "positionInLowerLeftCorner" 1000 0.053874887774280365 Wikicontrol{"x":0,"y":0} "Wiki control" {"x":-3,"y":-3,"width":83,"height":24.200000762939453} true {"x":0,"y":0} {"x":-3,"y":-3,"width":6,"height":6} null InordertodemonstratethecapabilitiesoftheLivelyKernel,wehavewrittenorportedanumberofapplicationsandwidgetstorunonthesystem.AlltheseapplicationsandwidgetshavebeenwrittenentirelyinJavaScript.Belowweshowafewexamplesofapplicationsandwidgets.{"x":122,"y":55} 14 "In order to demonstrate the capabilities of the Lively Kernel, we have written or ported a number of applications and widgets to run on the system. All these applications and widgets have been written entirely in JavaScript. Below we show a few examples of applications and widgets. " {"x":119,"y":52,"width":543,"height":78.13333129882812} 24 true null "The Lively Kernel can support different user interface themes. Themes are collections of style settings that are applied automatically to all applicable graphical objects in the system. You can change the user interface theme by choosing first the \"Preferences\" operation and then the \"choose the display theme...\" operation from the popup menu of the world. " 0 "The Lively Kernel can support different user interface themes. Themes are collections of style settings that are applied automatically to all applicable graphical objects in the system. You can change the user interface theme by choosing first the \"Preferences\" operation and then the \"choose the display theme...\" operation from the popup menu of the world. " "In order to demonstrate the capabilities of the Lively Kernel, we have written or ported a number of applications and widgets to run on the system. All these applications and widgets have been written entirely in JavaScript. Below we show a few examples of applications and widgets. " null {"x":9,"y":4.666666666666667,"width":0,"height":0} {"runs":[283],"values":[null]} {"runs":[249,11,26,27,46],"values":[{},{"style":"italic"},{},{"style":"italic"},{}]} 2 {"x":0,"y":0} {"x":-3,"y":-3,"width":6,"height":6} null {"x":0,"y":0} null "positionInLowerLeftCorner" 1000 1.8317942982682758 Wikicontrol{"x":0,"y":0} "Wiki control" {"x":-3,"y":-3,"width":83,"height":24.200000762939453} true {"x":0,"y":0} {"x":-3,"y":-3,"width":6,"height":6} null {"x":0,"y":0} null "positionInLowerLeftCorner" 1000 1.8492357209847636 Wikicontrol{"x":0,"y":0} "Wiki control" {"x":-3,"y":-3,"width":83,"height":24.200000762939453} true {"x":0,"y":0} {"x":-3,"y":-3,"width":6,"height":6} null Tryityourself!TryplayingtheAsteroidsgame.Clickonthetitlebartobringthewindowforward,andthenclickonthebackgroundofthegamewindowtosetittoreceivekeyboardevents.Keyboardcontrolsforthegameareasfollows:*S:startsthegame*P:pausesthegame*H:hyperspacejump*Arrowkeys:steer,accelerateanddeceleratetheship.Notethatalltheelementsoftheclockarefull-fledgedobjects.Forinstance,youcanmanipulatetheRomannumeralsorthehandsoftheclockusingthehandleoperationsdiscussedearlierinthistutorial.{"x":127,"y":150} 14 "Try it yourself! \rTry playing the Asteroids game. Click on the title bar to bring the window forward, and then click on the background of the game window to set it to receive keyboard events. \rKeyboard controls for the game are as follows: \r* S: starts the game\r* P: pauses the game\r* H: hyperspace jump\r* Arrow keys: steer, accelerate and decelerate the ship. \r\rNote that all the elements of the clock are full-fledged objects. For instance, you can manipulate the Roman numerals or the hands of the clock using the handle operations discussed earlier in this tutorial. " 7 {"x":124,"y":147,"width":500,"height":229.3333282470703} 383 false null "" 400 "Try it yourself! \rTry playing the Asteroids game. Click on the title bar to bring the window forward, and then click on the background of the game window to set it to receive keyboard events. \rKeyboard controls for the game are as follows: \r* S: starts the game\r* P: pauses the game\r* H: hyperspace jump\r* Arrow keys: steer, accelerate and decelerate the ship. \r\rNote that all the elements of the cl" "ock are full-fledged objects. For instance, you can manipulate the Roman numerals or the hands of the clock using the handle operations discussed earlier in this tutorial. " null {"x":9,"y":4.666666666666667,"width":0,"height":0} {"runs":[16,227,18,3,18,3,18,3,53,212],"values":[{"style":"bold"},{},{"style":"italic"},{},{"style":"italic"},{},{"style":"italic"},{},{"style":"italic"},{}]} {"x":0,"y":0} {"x":-3,"y":-3,"width":6,"height":6} null Next{"x":679,"y":56} 14 "Next" {"x":676,"y":53,"width":56,"height":27.733333587646484} 4 false null "Next" 1 "Next" "Next" null {"x":9,"y":4.666666666666667,"width":0,"height":0} {"runs":[4],"values":[{"color":"blue","link":"onlinetutorial11.xhtml"}]} {"x":0,"y":0} {"x":-3,"y":-3,"width":6,"height":6} null Prev{"x":45,"y":60} 14 "Prev" {"x":42,"y":57,"width":69,"height":27.733333587646484} 4 false null "This is a TextMorph" 1 "This is a TextMorph" "Prev" null {"x":9,"y":4.666666666666667,"width":0,"height":0} {"runs":[4],"values":[{"color":"blue","link":"onlinetutorial9.xhtml"}]} {"x":0,"y":0} {"x":-3,"y":-3,"width":6,"height":6} null {"x":0,"y":0} null "positionInLowerLeftCorner" 1000 4.248376022759343 Wikicontrol"Wiki control" {"x":0,"y":0} {"x":-3,"y":-3,"width":83,"height":24.200000762939453} true {"x":0,"y":0} {"x":-3,"y":-3,"width":6,"height":6} null this.clk=newClockMorph(pt(80,500),100);WorldMorph.current().addMorph(this.clk);this.clk.startSteppingScripts();{"x":140,"y":675} "this.clk = new ClockMorph(pt(80,500), 100);\rWorldMorph.current().addMorph(this.clk);\rthis.clk.startSteppingScripts();" 6 {"x":137,"y":672,"width":137,"height":110.5999984741211} 84 true null "" 85 "this.clk = new ClockMorph(pt(80,500), 100);\rWorldMorph.current().addMorph(this.clk);" "\rthis.clk.startSteppingScripts();" null {"x":0,"y":0} null null WorldMorph.current().addFramedMorph(newSquiggleMorph(pt(300,300)),'Freehand',pt(560,380));{"x":347,"y":675} "WorldMorph.current().addFramedMorph(new SquiggleMorph(pt(300,300)), 'Freehand',pt(560,380));" 6 {"x":345,"y":673,"width":124,"height":111.5999984741211} 0 false null "This is a TextMorph" 0 "This is a TextMorph" "WorldMorph.current().addFramedMorph(new SquiggleMorph(pt(300,300)), 'Freehand',pt(560,380));" null {"x":0,"y":0} null null require('Examples.js').toRun(function(unused,examplesModule){using(examplesModule.asteroids).run(function(app){this.gameMorph=app.makeGameMorph(pt(500,360).extent(pt(600,300)));WorldMorph.current().addMorph(newWindowMorph(this.gameMorph,'Asteroids!'));app.initialize();this.gameMorph.runAsteroidsGame();});});{"x":529,"y":686} "require('Examples.js').toRun(function(unused,examplesModule) {\r\tusing(examplesModule.asteroids).run(function(app) {\r\tthis.gameMorph = app.makeGameMorph(pt(500,360).extent(pt(600,300)));\r\tWorldMorph.current().addMorph(new WindowMorph(this.gameMorph, 'Asteroids!'));\r\tapp.initialize();\r\tthis.gameMorph.runAsteroidsGame();\r});\r});" {"x":527,"y":675,"width":339,"height":169.1999969482422} 1 false null "3" 159 "require('Examples.js').toRun(function(unused,examplesModule) {\r\tusing(examplesModule.asteroids).run(function(app) {\r\tthis.gameMorph = app.makeGameMorph(pt(500,360).extent(pt(600,300)));\r\tWorldMorph.current().addMorph(new WindowMorph(this.gameMorph, 'Asteroids!'));\r\tapp.initialize();\r\tthis.gameMorph.runAsteroidsGame();\r});\r});" "3" null null {"x":0,"y":0} {"x":-11.768964767456055,"y":-7.806793212890625,"width":1291.768964767456,"height":885.8067932128906} 1231407119328 48168 1 22 1231407119 null null true
consoleclose