11851185 " interval=30,\n",
11861186 " blit=True\n",
11871187 " )\n",
1188+ "\n",
1189+ " # anima.save(\"sne.gif\")\n",
1190+ "\n",
11881191 " plt.close(fig)\n",
11891192 " \n",
11901193 " return HTML(anima.to_jshtml())"
11911194 ]
11921195 },
11931196 {
11941197 "cell_type": "code",
1195- "execution_count": 51 ,
1198+ "execution_count": 53 ,
11961199 "id": "707b7568",
11971200 "metadata": {},
11981201 "outputs": [
1202+ {
1203+ "name": "stderr",
1204+ "output_type": "stream",
1205+ "text": [
1206+ "MovieWriter ffmpeg unavailable; using Pillow instead.\n"
1207+ ]
1208+ },
11991209 {
12001210 "data": {
12011211 "text/html": [
13841394 "</style>\n",
13851395 "\n",
13861396 "<div class=\"animation\">\n",
1387- " <img id=\"_anim_img6a1aacab8c1a4b77b16b564f774219b7 \">\n",
1397+ " <img id=\"_anim_imgb8a2168c4f4b426aa9a69ae90a7dc807 \">\n",
13881398 " <div class=\"anim-controls\">\n",
1389- " <input id=\"_anim_slider6a1aacab8c1a4b77b16b564f774219b7 \" type=\"range\" class=\"anim-slider\"\n",
1399+ " <input id=\"_anim_sliderb8a2168c4f4b426aa9a69ae90a7dc807 \" type=\"range\" class=\"anim-slider\"\n",
13901400 " name=\"points\" min=\"0\" max=\"1\" step=\"1\" value=\"0\"\n",
1391- " oninput=\"anim6a1aacab8c1a4b77b16b564f774219b7 .set_frame(parseInt(this.value));\">\n",
1401+ " oninput=\"animb8a2168c4f4b426aa9a69ae90a7dc807 .set_frame(parseInt(this.value));\">\n",
13921402 " <div class=\"anim-buttons\">\n",
1393- " <button title=\"Decrease speed\" aria-label=\"Decrease speed\" onclick=\"anim6a1aacab8c1a4b77b16b564f774219b7 .slower()\">\n",
1403+ " <button title=\"Decrease speed\" aria-label=\"Decrease speed\" onclick=\"animb8a2168c4f4b426aa9a69ae90a7dc807 .slower()\">\n",
13941404 " <i class=\"fa fa-minus\"></i></button>\n",
1395- " <button title=\"First frame\" aria-label=\"First frame\" onclick=\"anim6a1aacab8c1a4b77b16b564f774219b7 .first_frame()\">\n",
1405+ " <button title=\"First frame\" aria-label=\"First frame\" onclick=\"animb8a2168c4f4b426aa9a69ae90a7dc807 .first_frame()\">\n",
13961406 " <i class=\"fa fa-fast-backward\"></i></button>\n",
1397- " <button title=\"Previous frame\" aria-label=\"Previous frame\" onclick=\"anim6a1aacab8c1a4b77b16b564f774219b7 .previous_frame()\">\n",
1407+ " <button title=\"Previous frame\" aria-label=\"Previous frame\" onclick=\"animb8a2168c4f4b426aa9a69ae90a7dc807 .previous_frame()\">\n",
13981408 " <i class=\"fa fa-step-backward\"></i></button>\n",
1399- " <button title=\"Play backwards\" aria-label=\"Play backwards\" onclick=\"anim6a1aacab8c1a4b77b16b564f774219b7 .reverse_animation()\">\n",
1409+ " <button title=\"Play backwards\" aria-label=\"Play backwards\" onclick=\"animb8a2168c4f4b426aa9a69ae90a7dc807 .reverse_animation()\">\n",
14001410 " <i class=\"fa fa-play fa-flip-horizontal\"></i></button>\n",
1401- " <button title=\"Pause\" aria-label=\"Pause\" onclick=\"anim6a1aacab8c1a4b77b16b564f774219b7 .pause_animation()\">\n",
1411+ " <button title=\"Pause\" aria-label=\"Pause\" onclick=\"animb8a2168c4f4b426aa9a69ae90a7dc807 .pause_animation()\">\n",
14021412 " <i class=\"fa fa-pause\"></i></button>\n",
1403- " <button title=\"Play\" aria-label=\"Play\" onclick=\"anim6a1aacab8c1a4b77b16b564f774219b7 .play_animation()\">\n",
1413+ " <button title=\"Play\" aria-label=\"Play\" onclick=\"animb8a2168c4f4b426aa9a69ae90a7dc807 .play_animation()\">\n",
14041414 " <i class=\"fa fa-play\"></i></button>\n",
1405- " <button title=\"Next frame\" aria-label=\"Next frame\" onclick=\"anim6a1aacab8c1a4b77b16b564f774219b7 .next_frame()\">\n",
1415+ " <button title=\"Next frame\" aria-label=\"Next frame\" onclick=\"animb8a2168c4f4b426aa9a69ae90a7dc807 .next_frame()\">\n",
14061416 " <i class=\"fa fa-step-forward\"></i></button>\n",
1407- " <button title=\"Last frame\" aria-label=\"Last frame\" onclick=\"anim6a1aacab8c1a4b77b16b564f774219b7 .last_frame()\">\n",
1417+ " <button title=\"Last frame\" aria-label=\"Last frame\" onclick=\"animb8a2168c4f4b426aa9a69ae90a7dc807 .last_frame()\">\n",
14081418 " <i class=\"fa fa-fast-forward\"></i></button>\n",
1409- " <button title=\"Increase speed\" aria-label=\"Increase speed\" onclick=\"anim6a1aacab8c1a4b77b16b564f774219b7 .faster()\">\n",
1419+ " <button title=\"Increase speed\" aria-label=\"Increase speed\" onclick=\"animb8a2168c4f4b426aa9a69ae90a7dc807 .faster()\">\n",
14101420 " <i class=\"fa fa-plus\"></i></button>\n",
14111421 " </div>\n",
1412- " <form title=\"Repetition mode\" aria-label=\"Repetition mode\" action=\"#n\" name=\"_anim_loop_select6a1aacab8c1a4b77b16b564f774219b7 \"\n",
1422+ " <form title=\"Repetition mode\" aria-label=\"Repetition mode\" action=\"#n\" name=\"_anim_loop_selectb8a2168c4f4b426aa9a69ae90a7dc807 \"\n",
14131423 " class=\"anim-state\">\n",
1414- " <input type=\"radio\" name=\"state\" value=\"once\" id=\"_anim_radio1_6a1aacab8c1a4b77b16b564f774219b7 \"\n",
1424+ " <input type=\"radio\" name=\"state\" value=\"once\" id=\"_anim_radio1_b8a2168c4f4b426aa9a69ae90a7dc807 \"\n",
14151425 " >\n",
1416- " <label for=\"_anim_radio1_6a1aacab8c1a4b77b16b564f774219b7 \">Once</label>\n",
1417- " <input type=\"radio\" name=\"state\" value=\"loop\" id=\"_anim_radio2_6a1aacab8c1a4b77b16b564f774219b7 \"\n",
1426+ " <label for=\"_anim_radio1_b8a2168c4f4b426aa9a69ae90a7dc807 \">Once</label>\n",
1427+ " <input type=\"radio\" name=\"state\" value=\"loop\" id=\"_anim_radio2_b8a2168c4f4b426aa9a69ae90a7dc807 \"\n",
14181428 " checked>\n",
1419- " <label for=\"_anim_radio2_6a1aacab8c1a4b77b16b564f774219b7 \">Loop</label>\n",
1420- " <input type=\"radio\" name=\"state\" value=\"reflect\" id=\"_anim_radio3_6a1aacab8c1a4b77b16b564f774219b7 \"\n",
1429+ " <label for=\"_anim_radio2_b8a2168c4f4b426aa9a69ae90a7dc807 \">Loop</label>\n",
1430+ " <input type=\"radio\" name=\"state\" value=\"reflect\" id=\"_anim_radio3_b8a2168c4f4b426aa9a69ae90a7dc807 \"\n",
14211431 " >\n",
1422- " <label for=\"_anim_radio3_6a1aacab8c1a4b77b16b564f774219b7 \">Reflect</label>\n",
1432+ " <label for=\"_anim_radio3_b8a2168c4f4b426aa9a69ae90a7dc807 \">Reflect</label>\n",
14231433 " </form>\n",
14241434 " </div>\n",
14251435 "</div>\n",
14291439 " /* Instantiate the Animation class. */\n",
14301440 " /* The IDs given should match those used in the template above. */\n",
14311441 " (function() {\n",
1432- " var img_id = \"_anim_img6a1aacab8c1a4b77b16b564f774219b7 \";\n",
1433- " var slider_id = \"_anim_slider6a1aacab8c1a4b77b16b564f774219b7 \";\n",
1434- " var loop_select_id = \"_anim_loop_select6a1aacab8c1a4b77b16b564f774219b7 \";\n",
1442+ " var img_id = \"_anim_imgb8a2168c4f4b426aa9a69ae90a7dc807 \";\n",
1443+ " var slider_id = \"_anim_sliderb8a2168c4f4b426aa9a69ae90a7dc807 \";\n",
1444+ " var loop_select_id = \"_anim_loop_selectb8a2168c4f4b426aa9a69ae90a7dc807 \";\n",
14351445 " var frames = new Array(100);\n",
14361446 " \n",
14371447 " frames[0] = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAoAAAAHgCAYAAAA10dzkAAAAOnRFWHRTb2Z0d2FyZQBNYXRwbG90\\\n",
@@ -166866,7 +166876,7 @@
166866166876 " /* set a timeout to make sure all the above elements are created before\n",
166867166877 " the object is initialized. */\n",
166868166878 " setTimeout(function() {\n",
166869- " anim6a1aacab8c1a4b77b16b564f774219b7 = new Animation(frames, img_id, slider_id, 29.0,\n",
166879+ " animb8a2168c4f4b426aa9a69ae90a7dc807 = new Animation(frames, img_id, slider_id, 29.0,\n",
166870166880 " loop_select_id);\n",
166871166881 " }, 0);\n",
166872166882 " })()\n",
@@ -166876,7 +166886,7 @@
166876166886 "<IPython.core.display.HTML object>"
166877166887 ]
166878166888 },
166879- "execution_count": 51 ,
166889+ "execution_count": 53 ,
166880166890 "metadata": {},
166881166891 "output_type": "execute_result"
166882166892 }
0 commit comments