{"pages":[{"title":"Project pLayout","thumb":"","url":"./computation/playout/","date":"TBA","updated":"2013-06-12T08:13:08+10:00","title":"Project pLayout","content":"","images":[{"url":"./content/1.computation/1.playout/01.jpg","name":"01"}]},{"title":"Bocskit","thumb":"./content/1.computation/5.bocskit/thumb.jpg","url":"./computation/bocskit/","date":"2010","updated":"2013-06-06T06:19:41+10:00","title":"Bocskit","content":"## DescriptionIn architectural design, the process of designing an efficient spatial configuration that reflects the project’s essence is a crucial part of the design process of almost every project. This holds true especially when it comes to projects with complex building programs, featuring a large number of discrete spaces, as well as complex configurational requirements. The aim of this study is to introduce a computation-based analysis and optimization process, and it’s implementation into a digital design tool, with the goal of suggesting potentially efficient spatial configurations, based on the input of configurational information and a range of performance parameters by the designer.A generative method is proposed, based on a 3D grid data structure to encode spatial configurations, a compositional method for the generation of configurations and the use of heuristics for the evaluation and evolution of solutions according to conformance with the designer’s requirements. The implementation of this method into a digital design tool aims to be easily accessible by designers, utilizing a simple interface and expressive visualizations of results, so that usage along the design process becomes feasible.","images":[{"url":"./content/1.computation/5.bocskit/31_conf2.png","name":"31 conf2"},{"url":"./content/1.computation/5.bocskit/31_screen-shot-2010-12-03-at-71017-pm.png","name":"31 screen shot 2010 12 03 at 71017 pm"}]},{"title":"Ribonkit","thumb":"","url":"./computation/ribonkit/","date":"2010","updated":"2013-06-06T06:19:55+10:00","title":"Ribonkit","content":"ribonkit is an experiment that attempts an interpretation of abstract networks of relationships and [swarm behavior](http://en.wikipedia.org/wiki/Swarm_behaviour) traces to potentially corresponding materials organizations.In ribonkit, agents spawn near predefined points (nodes) with another given node as a destination. Simple flocking rules determine the agent\'s behavior.The agent\'s \"socially-enabled\" goal seeking results in \"economy\" of material usage.","images":[{"url":"./content/1.computation/6.ribonkit/00.jpg","name":"00"},{"url":"./content/1.computation/6.ribonkit/01.jpg","name":"01"},{"url":"./content/1.computation/6.ribonkit/02.jpg","name":"02"},{"url":"./content/1.computation/6.ribonkit/03.jpg","name":"03"}]}]"pages":[{"title":"Assemblage Plus","thumb":"./content/3.web/1.assemblage-plus/thumb.jpg","url":"./web/assemblage-plus/","date":"2012","updated":"2013-06-06T06:20:14+10:00","title":"Assemblage Plus","content":"Assemblage Plus is a premium, refined template for the [Stacey CMS][1]. It derives from the original Assemblage template, enhancing it with refined aesthetics, novel functionality and state-of-the-art technologies. Just as the original Assemblage Template, Assemblage Plus differs from most static templates in that it lays out index pages in a clean and elegant arrangement using client-side scripting. A special layout plugin has been developed for this purpose, FreeTile, using novel techniques such as columnless packing. [1]: http://www.staceyapp.com","images":[{"url":"./content/3.web/1.assemblage-plus/02.top.jpg","name":"Top"},{"url":"./content/3.web/1.assemblage-plus/04.top.jpg","name":"Top"}]},{"title":"A+ Exhibition","thumb":"","url":"./web/apex/","date":"2012","updated":"2013-06-06T06:20:17+10:00","title":"A+ Exhibition","content":"","images":[]},{"title":"Quadrant","thumb":"./content/3.web/3.quadrant/thumb.jpg","url":"./web/quadrant/","date":"TBA","updated":"2013-06-06T06:20:39+10:00","title":"Quadrant","content":"Quadrant is a new premium template for [Wordpress][1]. In a nutshell, it aims to become the spiritual sibling of the [Assemblage Plus][2] template, adapted to the specifics of Wordpress. ## Features- Intuitive and elegant snapshot-based grid index view with customizable sizes and styles.- Advanced, multi-faceted, AJAX-based filtering and refinement mechanism.- Dynamic, AJAX and History.js navigation, combined with animated, elegant page transitions.- Clear and minimalistic page layouts for text, image and video posts.- Main color palettes are customizable directly through theme options, with corresponding text colors automatically adjusting for optimal visibility.- Included styling for most content types and elements (headings, asides, quotes, special features & elements etc.)[1]: http://www.wordpress.org[2]: http://yconst.com/web/assemblage-plus/","images":[{"url":"./content/3.web/3.quadrant/01.top.jpg","name":"Top"},{"url":"./content/3.web/3.quadrant/02.top.jpg","name":"Top"},{"url":"./content/3.web/3.quadrant/03.top.jpg","name":"Top"}]},{"title":"Freetile.js","thumb":"./content/3.web/4.freetile/thumb.jpg","url":"./web/freetile/","date":"2012","updated":"2013-06-06T06:20:48+10:00","title":"Freetile.js","content":"Freetile is a plugin for [jQuery](http://jquery.com) that enables the organization of webpage content in an efficient, dynamic and responsive layout. It can be applied to a container element and it will attempt to arrange it\'s children in a layout that makes optimal use of screen space, by \"packing\" them in a tight arrangement. Freetile has been the layout engine behind [Assemblage](http://yconst.com/web/assemblage) and [Assemblage Plus](http://yconst.com/web/assemblage-plus) for almost two years, and now it becomes available as an independent Open Source project. Features--------Freetile is inspired by similar, existing efforts such as [Masonry](http://masonry.desandro.com/), [vGrid](https://github.com/xlune/jQuery-vGrid-Plugin) and [Wookmark](http://www.wookmark.com/jquery-plugin). However, it differs from these solutions in some aspects:- It allows for any size of elements to be packed without using a fixed-size column grid, so you don\'t have to worry about specifying a column width appropriate to the size of your elements.- The algorithm that evaluates each possible insertion position is easily customizable, allowing for different preferences to be expressed, e.g. a preference to left- or right-alignment of elements, or proximity between certain elements.Additionally, Freetile has the following key features:- A smart animation routine allows distinguishing between elements that is meaningful to be animated and ones that are not (e.g. elements that have been just added to the arrangement, or those that are not visible). Special classes allow for explicitly limiting animation to select elements.- It has been battle-tested through it\'s use in the many hundreds sites that make use of the [Assemblage](http://yconst.com/web/assemblage) and [Assemblage Plus](http://yconst.com/web/assemblage-plus) templates. Furthermore, it has been used for layout in projects such as [Properietary Polymers](http://pp.yconst.com) and [Reffffound](http://reffffound.yconst.com).","images":[]},{"title":"Assemblage r3","thumb":"./content/3.web/5.assemblage/thumb.jpg","url":"./web/assemblage/","date":"2011","updated":"2013-06-06T06:20:54+10:00","title":"Assemblage r3","content":"## DescriptionAssemblage is a template for the Stacey CMS. It differs from most static templates in that it generates layouts for project indices dynamically using client-side scripting. In this sense, I tend to see it as a kind of \"other half\" for the Stacey CMS: Stacey organizing and providing the static content and Assemblage presenting it in a dynamic and efficient way.Almost all of the navigation and layout in the main page is build on top of Javascript and jQuery. A special layout plugin has been developed for this purpose (which will be released separately once it is more thoroughly evaluated), based on ideas from [jQuery Masonry][2] and [vGrid][3]. The concept behind these plugins is to arrange a collection of elements in a layout that is as spatially efficient as possible, while maintaining their order. Assemblage draws on this principle to produce an arrangement of project and/or category snapshots on screen, essentially generating a composition that uniquely identifies the index page. Apart from the aesthetic uniqueness, the functional benefit of this approach is that screen estate is used optimally and the layout may adapt to various browser widths, which makes it compatible with a wide range of devices.Navigation relies on the concept of filtering. When the index page loads, all projects are visible as preview boxes. Sliding the navigation panel and selecting a category or sub-category hides all preview boxes except the ones belonging to the selected category. Clicking on a category will show all of it\'s items as well as those of all of it\'s sub-categories. The same navigational functionality as the home page is provided for every category page, with the only difference that the navigation of each category includes only it\'s own contents.The page template on the other hand follows a completely different, clean approach that focuses  first and foremost on bringing the content forward. Navigation is there at the end of the project pages. The project template also features a nice and clean print style so your content shows best in print as well as on screen. Partials are available for downloads (_downloads folder), pdfs, linkrolls (files in the _links folder), video, html fragments and inclusion of [Disqus][4]-powered comments.Finally, it comes along with the [DejaVu sans typeface][5].[2]: http://desandro.com/resources/jquery-masonry/[3]: http://blog.xlune.com/2009/09/jqueryvgrid.html[4]: http://disqus.com/[5]: http://www.fontsquirrel.com/fonts/DejaVu-Sans","images":[{"url":"./content/3.web/5.assemblage/03.top.jpg","name":"Top"}]},{"title":"Reffffound","thumb":"./content/3.web/6.reffffound/thumb.jpg","url":"./web/reffffound/","date":"2012","updated":"2013-06-06T06:21:02+10:00","title":"Reffffound","content":"Reffffound is a proof-of-concept web experiment developed with the aim of exploring new ways of interacting with image bookmarking sites, specifically ffffound.com. A compact arrangement of full-size images is generated, taken from the latest ffffound.com image feed. Each of these images functions at the same time as a link to relevant ones. Once clicked, relevant images will be retrieved and arranged around it. All images can be dynamically re-arranged and removed, enabling the user to intuitively generate their personalized image collection, based on their browsing and preference. The arrangement is stored in realtime using HTML5 LocalStorage and will be recalled automatically on subsequent Reffffound loads.","images":[{"url":"./content/3.web/6.reffffound/01.jpg","name":"01"},{"url":"./content/3.web/6.reffffound/03.jpg","name":"03"}]}]"pages":[{"title":"Packrat for Grasshopper","thumb":"./content/4.software/2.packrat/thumb.jpg","url":"./software/packrat/","date":"2013","updated":"2013-06-12T16:01:31+10:00","title":"Packrat for Grasshopper","content":"PackRat is a component for Grasshopper that facilitates the arrangement of rectangular items within rectangular containers with the aim of improving efficient use of space. In other words, it attempts to approximate optimal solutions to the 3D bin-packing problem.## FunctionalityPackrat accepts a list of containers and a list of items to be packed. Only rectangular items are recognized, so if the input consists of arbitrarily shaped BReps, their bounding boxes will be considered. It outputs a GH_Structure of items per container, and a supplementary list of items that did not fit in any container. There is an option to choose whether sorting of elements and containers should be performed before packing. While sorting usually yields better results, disabling allows the user to perform their own sorting before inputing the elements to PackRat. In addition, starting with version 0.5.5, there is an input for obstacles within the volume, as well as an option to select whether the objects to be packed may be rotated or not.Packrat is inspired by the Extreme Points concept, introduced in (Crainic et al., 2007).## AvailabilityStarting from Packrat 0.5.5, and in order to support development, PackRat comes in two flavors:- An evaluation version, with restrictions, available at no cost.- An unlimited commercial version.In addition, version 0.4 of Packrat will remain available for free (non-commercial) use.The evaluation version has the following limitations:- Maximum number of elements to be packed is 30.- Maximum number of containers is 3.The component will notify if any of the two limitations is in effect.PackRat has been found to work with Grasshopper v0.9. <span xmlns:dct=\"http://purl.org/dc/terms/\" property=\"dct:title\">PackRat</span> is licensed under a <a rel=\"license\" href=\"http://creativecommons.org/licenses/by-nc-nd/3.0/\">Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License</a>.<br />","images":[]},{"title":"Hoopsnake for Grasshopper","thumb":"./content/4.software/3.hoopsnake/thumb.jpg","url":"./software/hoopsnake/","date":"2011","updated":"2013-06-06T06:21:24+10:00","title":"Hoopsnake for Grasshopper","content":"HoopSnake, apart from a [legendary creature](http://en.wikipedia.org/wiki/Hoop_snake), is a component for the [Grasshopper 3D](http://www.grasshopper3d.com) platform. What it does in principle is to create a copy of the data it receives at it\'s input upon user request and store it locally. This duplicate is made available through a standard Grasshopper parameter output.What this means in practice is that it is possible through the use of HoopSnake to send the output of a set of components back to it\'s input in a looping fashion. With the help of a little bit of Data Tree / Data List manipulation, this should open up some new possibilities for iterative process modeling. The loop can be stopped at any point either by the user or automatically by setting a termination condition (the third input of the component) to false. This way, an operation mode quite similar to a \"while\" loop can be modeled in Grasshopper, without any coding. This is beneficial primarily to the clarity of a definition, since it enables the exposure of an iterative solution\'s logic outside a scripting component.With the download file examples of various Hoopsnake configurations are included.","images":[{"url":"./content/4.software/3.hoopsnake/01.jpg","name":"01"},{"url":"./content/4.software/3.hoopsnake/02.png","name":"02"}]},{"title":"ReactP5 for Processing","thumb":"./content/4.software/4.reactp5/thumb.jpg","url":"./software/reactp5/","date":"2011","updated":"2013-06-06T06:22:15+10:00","title":"ReactP5 for Processing","content":"## IntroductionReaction–diffusion systems are mathematical models which explain how the concentration of one or more substances distributed in space changes under the influence of two processes: local chemical reactions in which the substances are transformed into each other, and diffusion which causes the substances to spread out over a surface in space.This description implies that reaction–diffusion systems are naturally applied in chemistry. However, the system can also describe dynamical processes of non-chemical nature. Examples are found in biology, geology and physics and ecology. A traditionally common application of such processes is the modeling of naturally occurring textures, such as animal hide patterns.Reaction-diffusion systems rely on the discretization of a portion of space within which the reaction and diffusion algorithms are repeatedly applied to model the behavior of the system over time.## The ReactP5 LibraryThe ReactP5 library is a Multi-Threaded Reaction-Diffusion library for Processing and Java. It provides an easy way for building 3-dimensional Reaction-Diffusion simulations. It makes use of multi-threading to speed up the simulation. In addition to the 2 Reaction methods and the simple Diffusion method that is included in the library the possibility is offered to extend the library\'s functionality by implementing new Reaction and Diffusion methods on top of the existing Generic Reaction/Diffusion Method Class.Please note that the library is responsible for the simulation of the Reaction/Diffusion system, not it\'s visualization. For this purpose there exist already excellent libraries for Processing. See [Processing Libraries](http://processing.org/reference/libraries/) for more information.","images":[{"url":"./content/4.software/4.reactp5/01.jpg","name":"01"},{"url":"./content/4.software/4.reactp5/02.jpg","name":"02"},{"url":"./content/4.software/4.reactp5/03.jpg","name":"03"},{"url":"./content/4.software/4.reactp5/04.jpg","name":"04"},{"url":"./content/4.software/4.reactp5/05.jpg","name":"05"},{"url":"./content/4.software/4.reactp5/2.jpg","name":"2"}]}]}