{"id":253,"date":"2019-09-12T17:06:23","date_gmt":"2019-09-12T17:06:23","guid":{"rendered":"https:\/\/ccsb.scripps.edu\/cellpaint\/?page_id=253"},"modified":"2019-09-12T18:25:17","modified_gmt":"2019-09-12T18:25:17","slug":"cellpaintexo-tutorial","status":"publish","type":"page","link":"https:\/\/ccsb.scripps.edu\/cellpaint\/cellpaintexo-tutorial\/","title":{"rendered":"cellPAINTexo Tutorial"},"content":{"rendered":"<p><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last\" style=\"--awb-bg-size:cover;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-text fusion-text-1\"><h2>Custom Sprites for cellPAINTexo using Mesoscope<\/h2>\n<\/div><div class=\"fusion-text fusion-text-2\"><p>This tutorial will walk you through use of Mesoscope to build custom sprites for use in cellPAINTexo<\/p>\n<p>cellPAINTexo and Mesoscope are both currently under active development, so please expect some snags as you&#8217;re using them.<\/p>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-2 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_2 1_2 fusion-one-half fusion-column-first\" style=\"--awb-bg-size:cover;width:50%;width:calc(50% - ( ( 4% ) * 0.5 ) );margin-right: 4%;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-image-element in-legacy-container\" style=\"--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);\"><span class=\" fusion-imageframe imageframe-none imageframe-1 hover-type-none\"><img decoding=\"async\" width=\"979\" height=\"675\" title=\"Tutorial01\" src=\"https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial01.jpg\" alt class=\"img-responsive wp-image-254\" srcset=\"https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial01-200x138.jpg 200w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial01-400x276.jpg 400w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial01-600x414.jpg 600w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial01-800x552.jpg 800w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial01.jpg 979w\" sizes=\"(max-width: 800px) 100vw, 979px\" \/><\/span><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_1_2 1_2 fusion-one-half fusion-column-last\" style=\"--awb-bg-size:cover;width:50%;width:calc(50% - ( ( 4% ) * 0.5 ) );\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-text fusion-text-3\"><p>Launch a session with Mesoscope, beta version, at <a href=\"http:\/\/mesoscope.scripps.edu\/beta\">http:\/\/mesoscope.scripps.edu\/beta<\/a><\/p>\n<p>In the &#8220;Start Recipe&#8221; menu, select New-&gt;Empty Recipe<\/p>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-3 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-3 fusion_builder_column_1_2 1_2 fusion-one-half fusion-column-first\" style=\"--awb-bg-size:cover;width:50%;width:calc(50% - ( ( 4% ) * 0.5 ) );margin-right: 4%;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-image-element in-legacy-container\" style=\"--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);\"><span class=\" fusion-imageframe imageframe-none imageframe-2 hover-type-none\"><img decoding=\"async\" width=\"1354\" height=\"1563\" title=\"Tutorial02\" src=\"https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial02.jpg\" alt class=\"img-responsive wp-image-256\" srcset=\"https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial02-200x231.jpg 200w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial02-400x462.jpg 400w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial02-600x693.jpg 600w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial02-800x923.jpg 800w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial02-1200x1385.jpg 1200w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial02.jpg 1354w\" sizes=\"(max-width: 800px) 100vw, 1200px\" \/><\/span><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-4 fusion_builder_column_1_2 1_2 fusion-one-half fusion-column-last\" style=\"--awb-bg-size:cover;width:50%;width:calc(50% - ( ( 4% ) * 0.5 ) );\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-text fusion-text-4\"><p>Add a new compartment to recipe, and two new ingredients.<\/p>\n<p>You may need to change the size of the graphical representation with the center wheel on your mouse.<\/p>\n<p>You can also drag elements around on the canvas to change their location. Drag one ingredient inside the compartment, and one on the membrane surrounding the compartment (as shown).<\/p>\n<p>By default, the whole recipe has the name &#8220;root&#8221; and the compartment has the name &#8220;newCompartment0&#8221;. You can change names by right click on the background or in the compartment.<\/p>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-4 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-5 fusion_builder_column_1_2 1_2 fusion-one-half fusion-column-first\" style=\"--awb-bg-size:cover;width:50%;width:calc(50% - ( ( 4% ) * 0.5 ) );margin-right: 4%;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-image-element in-legacy-container\" style=\"--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);\"><span class=\" fusion-imageframe imageframe-none imageframe-3 hover-type-none\"><img decoding=\"async\" width=\"2527\" height=\"1986\" title=\"Tutorial03\" src=\"https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial03.jpg\" alt class=\"img-responsive wp-image-259\" srcset=\"https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial03-200x157.jpg 200w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial03-400x314.jpg 400w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial03-600x472.jpg 600w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial03-800x629.jpg 800w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial03-1200x943.jpg 1200w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial03.jpg 2527w\" sizes=\"(max-width: 800px) 100vw, 1200px\" \/><\/span><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-6 fusion_builder_column_1_2 1_2 fusion-one-half fusion-column-last\" style=\"--awb-bg-size:cover;width:50%;width:calc(50% - ( ( 4% ) * 0.5 ) );\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-text fusion-text-5\"><p>Now we can specify PDB files for each ingredient. A very simple process is shown here. Mesoscope as many other options that can be used to find and curate your structures.<\/p>\n<ol>\n<li>double click in the &#8220;pdb&#8221; column of the spreadsheet, and type in the PDB ID: 1dgb.<\/li>\n<li>type a descriptive name in the &#8220;name&#8221; column: CAT<\/li>\n<li>if you specify &#8220;polymer&#8221; in the selection box, it will omit water molecules from the sprite<\/li>\n<li>orient the molecule using the NGL viewer<\/li>\n<li>click the &#8220;Illustrate&#8221; button. After a minute or two, Mesoscope will ask you to save the image file<\/li>\n<\/ol>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-5 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-7 fusion_builder_column_1_2 1_2 fusion-one-half fusion-column-first\" style=\"--awb-bg-size:cover;width:50%;width:calc(50% - ( ( 4% ) * 0.5 ) );margin-right: 4%;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-image-element in-legacy-container\" style=\"--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);\"><span class=\" fusion-imageframe imageframe-none imageframe-4 hover-type-none\"><img decoding=\"async\" width=\"2536\" height=\"1983\" title=\"Tutorial04\" src=\"https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial04.jpg\" alt class=\"img-responsive wp-image-262\" srcset=\"https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial04-200x156.jpg 200w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial04-400x313.jpg 400w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial04-600x469.jpg 600w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial04-800x626.jpg 800w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial04-1200x938.jpg 1200w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial04.jpg 2536w\" sizes=\"(max-width: 800px) 100vw, 1200px\" \/><\/span><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-8 fusion_builder_column_1_2 1_2 fusion-one-half fusion-column-last\" style=\"--awb-bg-size:cover;width:50%;width:calc(50% - ( ( 4% ) * 0.5 ) );\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-text fusion-text-6\"><p>Now do the same thing for the membrane-associated ingredient:<\/p>\n<ol>\n<li>input 1pv6 in the &#8220;pdb&#8221; column. Mesoscope will pick up the membrane location from OPM, and show the membrane with a blue and red disk<\/li>\n<li>change the name to &#8220;GLUT1&#8221;<\/li>\n<li>type &#8220;polymer&#8221; into the select box<\/li>\n<li>orient the molecule so that the membrane is horizontal<\/li>\n<li>click &#8220;Illustrate&#8221; to generate and save the sprite<\/li>\n<\/ol>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-6 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-9 fusion_builder_column_1_2 1_2 fusion-one-half fusion-column-first\" style=\"--awb-bg-size:cover;width:50%;width:calc(50% - ( ( 4% ) * 0.5 ) );margin-right: 4%;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-image-element in-legacy-container\" style=\"--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);\"><span class=\" fusion-imageframe imageframe-none imageframe-5 hover-type-none\"><img decoding=\"async\" width=\"2092\" height=\"1506\" title=\"Tutorial4b\" src=\"https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial4b.jpg\" alt class=\"img-responsive wp-image-274\" srcset=\"https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial4b-200x144.jpg 200w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial4b-400x288.jpg 400w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial4b-600x432.jpg 600w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial4b-800x576.jpg 800w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial4b-1200x864.jpg 1200w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial4b.jpg 2092w\" sizes=\"(max-width: 800px) 100vw, 1200px\" \/><\/span><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-10 fusion_builder_column_1_2 1_2 fusion-one-half fusion-column-last\" style=\"--awb-bg-size:cover;width:50%;width:calc(50% - ( ( 4% ) * 0.5 ) );\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-text fusion-text-7\"><p>You can also use the &#8220;coarse illustration&#8221; option to create a smoother illustration of the molecule<\/p>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-7 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-11 fusion_builder_column_1_2 1_2 fusion-one-half fusion-column-first\" style=\"--awb-bg-size:cover;width:50%;width:calc(50% - ( ( 4% ) * 0.5 ) );margin-right: 4%;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-image-element in-legacy-container\" style=\"--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);\"><span class=\" fusion-imageframe imageframe-none imageframe-6 hover-type-none\"><img decoding=\"async\" width=\"754\" height=\"585\" title=\"Tutorial05\" src=\"https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial05.jpg\" alt class=\"img-responsive wp-image-261\" srcset=\"https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial05-200x155.jpg 200w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial05-400x310.jpg 400w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial05-600x466.jpg 600w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial05.jpg 754w\" sizes=\"(max-width: 800px) 100vw, 754px\" \/><\/span><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-12 fusion_builder_column_1_2 1_2 fusion-one-half fusion-column-last\" style=\"--awb-bg-size:cover;width:50%;width:calc(50% - ( ( 4% ) * 0.5 ) );\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-text fusion-text-8\"><p>When all molecules are specified and sprites have been illustrated, export the recipe using Export Recipe-&gt;cellPACK recipe. This will write a .json file.<\/p>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-8 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-13 fusion_builder_column_1_2 1_2 fusion-one-half fusion-column-first\" style=\"--awb-bg-size:cover;width:50%;width:calc(50% - ( ( 4% ) * 0.5 ) );margin-right: 4%;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-image-element in-legacy-container\" style=\"--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);\"><span class=\" fusion-imageframe imageframe-none imageframe-7 hover-type-none\"><img decoding=\"async\" width=\"1314\" height=\"459\" title=\"Tutorial06\" src=\"https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial06.jpg\" alt class=\"img-responsive wp-image-266\" srcset=\"https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial06-200x70.jpg 200w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial06-400x140.jpg 400w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial06-600x210.jpg 600w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial06-800x279.jpg 800w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial06-1200x419.jpg 1200w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial06.jpg 1314w\" sizes=\"(max-width: 800px) 100vw, 1200px\" \/><\/span><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-14 fusion_builder_column_1_2 1_2 fusion-one-half fusion-column-last\" style=\"--awb-bg-size:cover;width:50%;width:calc(50% - ( ( 4% ) * 0.5 ) );\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-text fusion-text-9\"><p>Put the .json file and all of the sprite .png files in one folder on your computer.<\/p>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-9 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-15 fusion_builder_column_1_2 1_2 fusion-one-half fusion-column-first\" style=\"--awb-bg-size:cover;width:50%;width:calc(50% - ( ( 4% ) * 0.5 ) );margin-right: 4%;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-image-element in-legacy-container\" style=\"--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);\"><span class=\" fusion-imageframe imageframe-none imageframe-8 hover-type-none\"><img decoding=\"async\" width=\"2086\" height=\"1413\" title=\"Tutorial07\" src=\"https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial07.jpg\" alt class=\"img-responsive wp-image-268\" srcset=\"https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial07-200x135.jpg 200w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial07-400x271.jpg 400w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial07-600x406.jpg 600w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial07-800x542.jpg 800w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial07-1200x813.jpg 1200w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial07.jpg 2086w\" sizes=\"(max-width: 800px) 100vw, 1200px\" \/><\/span><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-16 fusion_builder_column_1_2 1_2 fusion-one-half fusion-column-last\" style=\"--awb-bg-size:cover;width:50%;width:calc(50% - ( ( 4% ) * 0.5 ) );\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-text fusion-text-10\"><p>Now we&#8217;re ready to read the files into cellPAINTexo. You can get the program at\u00a0<a href=\"https:\/\/sourceforge.net\/projects\/cell-paint\/\">https:\/\/sourceforge.net\/projects\/cell-paint\/<\/a><\/p>\n<p>Use the little folder icon to open the .json file. You&#8217;ll need to specify the file type at the bottom of the popup window.<\/p>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-10 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-17 fusion_builder_column_1_2 1_2 fusion-one-half fusion-column-first\" style=\"--awb-bg-size:cover;width:50%;width:calc(50% - ( ( 4% ) * 0.5 ) );margin-right: 4%;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-image-element in-legacy-container\" style=\"--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);\"><span class=\" fusion-imageframe imageframe-none imageframe-9 hover-type-none\"><img decoding=\"async\" width=\"2068\" height=\"1209\" title=\"Tutorial08\" src=\"https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial08.jpg\" alt class=\"img-responsive wp-image-270\" srcset=\"https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial08-200x117.jpg 200w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial08-400x234.jpg 400w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial08-600x351.jpg 600w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial08-800x468.jpg 800w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial08-1200x702.jpg 1200w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial08.jpg 2068w\" sizes=\"(max-width: 800px) 100vw, 1200px\" \/><\/span><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-18 fusion_builder_column_1_2 1_2 fusion-one-half fusion-column-last\" style=\"--awb-bg-size:cover;width:50%;width:calc(50% - ( ( 4% ) * 0.5 ) );\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-text fusion-text-11\"><p>You&#8217;ll need to click on the little arrow at the top to navigate to the new sprites and compartment. You should find a membrane sprite, and the two new ones.<\/p>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-11 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-19 fusion_builder_column_1_2 1_2 fusion-one-half fusion-column-first\" style=\"--awb-bg-size:cover;width:50%;width:calc(50% - ( ( 4% ) * 0.5 ) );margin-right: 4%;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-image-element in-legacy-container\" style=\"--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);\"><span class=\" fusion-imageframe imageframe-none imageframe-10 hover-type-none\"><img decoding=\"async\" width=\"2077\" height=\"1215\" title=\"Tutorial09\" src=\"https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial09.jpg\" alt class=\"img-responsive wp-image-271\" srcset=\"https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial09-200x117.jpg 200w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial09-400x234.jpg 400w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial09-600x351.jpg 600w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial09-800x468.jpg 800w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial09-1200x702.jpg 1200w, https:\/\/ccsb.scripps.edu\/cellpaint\/wp-content\/uploads\/sites\/30\/2019\/09\/Tutorial09.jpg 2077w\" sizes=\"(max-width: 800px) 100vw, 1200px\" \/><\/span><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-20 fusion_builder_column_1_2 1_2 fusion-one-half fusion-column-last\" style=\"--awb-bg-size:cover;width:50%;width:calc(50% - ( ( 4% ) * 0.5 ) );\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-text fusion-text-12\"><p>You can change the colors of the sprites by selecting the little magnifying glass, then clicking on a sprite in the image. This will pop up a window with color sliders. You&#8217;ll need to start with the saturation (S) slider first.<\/p>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-253","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ccsb.scripps.edu\/cellpaint\/wp-json\/wp\/v2\/pages\/253","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ccsb.scripps.edu\/cellpaint\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ccsb.scripps.edu\/cellpaint\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ccsb.scripps.edu\/cellpaint\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ccsb.scripps.edu\/cellpaint\/wp-json\/wp\/v2\/comments?post=253"}],"version-history":[{"count":13,"href":"https:\/\/ccsb.scripps.edu\/cellpaint\/wp-json\/wp\/v2\/pages\/253\/revisions"}],"predecessor-version":[{"id":276,"href":"https:\/\/ccsb.scripps.edu\/cellpaint\/wp-json\/wp\/v2\/pages\/253\/revisions\/276"}],"wp:attachment":[{"href":"https:\/\/ccsb.scripps.edu\/cellpaint\/wp-json\/wp\/v2\/media?parent=253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}